Css IE不遵守的保证金
我有一个表单和一组字段集。这些字段集将有条件地隐藏并显示在服务器端，所以我需要这些字段集从左到右从上到下流动。下面的代码实现了这一点，但是IE不遵守10px的利润下限（仅测试IE7） 我读到一些帖子说，如果你不这样做，这与利润率崩溃有关；我没有添加填充物，但我尝试了这个，同样的事情也发生了。如何在两行字段集之间创建10px的空间Css IE不遵守的保证金,css,Css,我有一个表单和一组字段集。这些字段集将有条件地隐藏并显示在服务器端，所以我需要这些字段集从左到右从上到下流动。下面的代码实现了这一点，但是IE不遵守10px的利润下限（仅测试IE7） 我读到一些帖子说，如果你不这样做，这与利润率崩溃有关；我没有添加填充物，但我尝试了这个，同样的事情也发生了。如何在两行字段集之间创建10px的空间 <html> <head> <style> fieldset { display:
<html>
<head>
<style>
fieldset {
display: inline-block;
width: 30%;
height:90px;
vertical-align: top;
border: 1px solid black;
margin-bottom:10px;
}
</style>
</head>
<body>
<form>
<fieldset>
<label>Label:</label>
<input type="text"/>
</fieldset>
<fieldset>
<label>Label:</label>
<input type="text"/>
</fieldset>
<fieldset>
<label>Label:</label>
<input type="text"/>
</fieldset>
<fieldset>
<label>Label:</label>
<input type="text"/>
</fieldset>
<fieldset>
<label>Label:</label>
<input type="text"/>
</fieldset>
</form>
</body>
字段集{
显示：内联块；
宽度：30%；
高度：90px；
垂直对齐：顶部；
边框：1px纯黑；
边缘底部：10px；
}
标签：
标签：
标签：
标签：
标签：
我认为IE喜欢搞砸内联块-如果你只是使用块呢？这应该可以解决问题。我认为IE喜欢搞砸内联块-如果你只是使用块呢？这将解决问题。来自： 在IE6和IE7中，内联块仅适用于具有自然显示的元素：内联 Firefox 2及更低版本不支持此值。您可以使用-moz内联框，但请注意它与内联块不同，并且在某些情况下可能无法按预期工作 字段集有一个自然的显示：block，而不是inline，因此IE6/7变得不稳定 尝试将内联块更改为“block”（如果希望它们在同一行上，也可以更改为“inline”），看看这是否解决了问题。来自： 在IE6和IE7中，内联块仅适用于具有自然显示的元素：内联 Firefox 2及更低版本不支持此值。您可以使用-moz内联框，但请注意它与内联块不同，并且在某些情况下可能无法按预期工作 字段集有一个自然的显示：block，而不是inline，因此IE6/7变得不稳定 尝试将内联块更改为“block”（如果希望它们在同一行上，则为“inline”），看看这是否解决了问题。对于IE 6和IE 7
display: inline;
zoom: 1;
内联块缩放hasLayoutdisplay: inline;
zoom: 1;
在块级别上，元素相当于
内联块zoomhasLayout