gpt4 book ai didi

html - margin-bottom问题,这是IE的BUG吗?

转载 作者:太空宇宙 更新时间:2023-11-04 05:29:12 24 4
gpt4 key购买 nike

代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<style>
#boxTop{
margin-bottom:20px;
border:1px solid green;
}
#box1{
float:left;
border:1px solid blue;
}
#box2{
clear:both;
border:1px solid red;
}
</style>
</HEAD>
<BODY>
<div id="boxTop">test</div>
<div id="box1">test</div>
<div id="box2">bottom</div>
</BODY>
</HTML>

检查一下 here

在 IE 中,为什么在#box1 和#box2 中有填充?如何解决?

alt text

最佳答案

您遇到的是 IE hasLayout “功能”。

让#box2 具有布局将解决此问题。如果您关心 IE7,请将 min-height: 0; 添加到 #box2 的样式中,如下所示:http://jsfiddle.net/VTmes/

关于html - margin-bottom问题,这是IE的BUG吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3984856/

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