gpt4 book ai didi

html - CSS3对overflow属性的误解

转载 作者:行者123 更新时间:2023-11-27 23:41:14 25 4
gpt4 key购买 nike

<分区>

我一直认为更改元素样式的 overflow 属性只会决定如何处理元素边界外的内容,而不会决定子元素是在内部还是外部。

我有这个代码:

#container {
border: 2px solid red;
overflow: hidden;
}
#container .left {
width: 50%;
float: left;
}
#container .right {
width: 50%;
float: right;
}
<div id="container">
<h1>container text</h1>
<div class="left">
<h2>left text</h2>
</div>
<div class="right">
<h2>right text</h2>
</div>
</div>

当我将 overflowhidden 更改为 visible 时,.left.right 子元素似乎位于其父框之外,这与 overflow 属性设置为 hidden 时形成对比。为什么 overflow 属性会以这种方式运行?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com