gpt4 book ai didi

CSS父div边框和高度折叠

转载 作者:行者123 更新时间:2023-12-04 04:34:25 24 4
gpt4 key购买 nike

有一个父 div 和 3 个子 div。只知道 child2 的高度。希望 child1 和 child3 具有相同的高度,因为高度会降低。 parent 的边界也在崩溃。希望父项的边框在子项周围可见。粘贴代码 http://jsfiddle.net/586Cr/

提供以下代码。

<html>
<head>
<style>
#parentt{
background-color:#000000;
border:4px solid #0000FF;
}
#child1{
background-color:#000000;
border:4px solid #FF0000;
float:left;
width:25%;
}
#child2{
background-color:#000000;
border:4px solid #FF0000;
float:left;
width:30%;
height:100px;
}
#child3{
background-color:#000000;
border:4px solid #FF0000;
width:25%;
float:left;
}
.trans60 {
zoom: 1;
filter: alpha(opacity=60);
opacity: 0.6;
}
.trans100 {
zoom: 1;
filter: alpha(opacity=100);
opacity: 1.0;
}
</style>
</head>
<body>
<div id="parentt">
<div id="child1" class="trans60"> child1</div>
<div id="child2" class="trans100">child2</div>
<div id="child3" class="trans60">child3</div>
</div>
</body>
</html>

最佳答案

在这里将 overflow:hidden 给你的 parent fiddle因为 child 在漂浮。

简要介绍 http://www.w3.org/TR/CSS2/visuren.html#block-formatting

在元素上设置 overflow: hidden 会导致创建一个新的 float 上下文,因此在应用了 overflow: hidden 的元素内 float 的元素将被清除。

关于CSS父div边框和高度折叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19999202/

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