如果div中的元素超过div宽度会发生什么

时间:2019-12-05 12:58:36

标签: javascript html css

我有div标签,此标签包含输入和段落元素。我已指定此div元素的宽度为320px;输入和段落元素的宽度为450px。我想知道在这种情况下会发生什么,是否可以正确显示元素?

我有这个问题,因为div就像bag一样,其他元素放在里面,不会溢出吗?

这是我尝试过的

<option value="65">London</option>
<option selected value="66">Lisbon</option>
<option value="67">Portsmouth</option>
alert("width is"+document.getElementById('spandiv').offsetWidth);
.wrapper {
    **width:320px;**
}
.wrapper > input {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: pink;
 **width:450px;**


}
.wrapper > p {
    background-color: grey;
    display: block;
    opacity: 0;
    text-align: center;
    padding: 5px;
    color:white;
    font-weight: normal;
    **width:450px;**
}

.wrapper > input:hover + #spandiv {
    background-color: grey;
    display: block;
    opacity: 1;
    text-align: center;
    padding: 5px;
    color:white;
    font-weight: normal;
    overflow: hidden;
}

1 个答案:

答案 0 :(得分:1)

DIV标签内的内容将调整其宽度以适应父元素,并将落在DIV上。可以通过使用overflow CSS属性来更改该行为。

有关更多信息,请参见:
W3Schools
MDN