Html 如何删除分区底部的滚动条？

我想在Text division类中设置，tex1，tex2和text3 division，在它的底部没有滚动条。但是正如您所看到的，在底部有一个滚动条。我的错误是什么，不让我在Text class Div的底部没有滚动条？ 身体{ 边际：0px； 方向：rtl； }

بیش از 5000 شغل
شغل رویایی ات دست پیدا کن
ما بهترین و سریعترین ،راههای دستیابی به شغل مورد علاقه تان فراهم کرده ایم

您可以使用

溢出：隐藏禁用滚动条

它通常可以是溢出的，但如果您只想隐藏水平方向，可以将

溢出-x:hidden

，对于垂直方向：

溢出-y:hidden

因此，在css中，您可以这样放置：

.Resume {
    overflow-x: hidden;
    width: 180px;
    height: 60px;
    margin: 0px auto;
    border-radius: 5px;
    background-color: #00d363;
    border: 1px solid #00d363;
    font-family: "IranSans";
    text-align: center;
}

---

您可以使用

溢出：隐藏禁用滚动条

它通常可以是溢出的，但如果您只想隐藏水平方向，可以将

溢出-x:hidden

，对于垂直方向：

溢出-y:hidden

因此，在css中，您可以这样放置：

.Resume {
    overflow-x: hidden;
    width: 180px;
    height: 60px;
    margin: 0px auto;
    border-radius: 5px;
    background-color: #00d363;
    border: 1px solid #00d363;
    font-family: "IranSans";
    text-align: center;
}

---

只需将CSS的

Text

类中的

overflow

属性更改为

hidden

：

.Text {
    width: 500px;
    min-height: 500px;
    height: auto;
    overflow: hidden;
    margin: 50px 30px;
    border: 2px solid red;
}

---

基本上，由于溢出设置为

auto

，它尝试缩放必须显示滚动条的内容。有关更多详细信息，请查看此文档：

只需将CSS的

Text

类中的

overflow

属性更改为

hidden

：

.Text {
    width: 500px;
    min-height: 500px;
    height: auto;
    overflow: hidden;
    margin: 50px 30px;
    border: 2px solid red;
}

基本上，由于溢出设置为

auto

，它尝试缩放必须显示滚动条的内容。有关更多详细信息，请查看此W3schools文档：

，或者您可以这样做

.Text > div {
    box-sizing: border-box;
}

因此，所有带边框的嵌套div都适合父el，或者您可以这样做

.Text > div {
    box-sizing: border-box;
}

因此，所有带边框的嵌套div都适合父el