码农人生

IE与firefox/chrome对fieldset的padding-top解析有所差异

今天写页面的时候用到了fieldset的padding-top属性，结果发现IE与firefox/chrome对该属性的解析有所差异:

在IE下fieldset的padding-top是从fieldset包含的legend标签的外围开始算的，而在firefox/chrome下则是从legend标签的内围开始算的。

在w3school网站上做了一番测试，结果如下:

代码:

<html>
<body>
<fieldset style="padding:80px 40px 100px;">
<legend>健康信息：</legend>
<form>
<label>身高：<input type="text" /></label>
<label>体重：<input type="text" /></label>
</form>
</fieldset>
<p>如果表单周围没有边框，说明您的浏览器太老了。</p>
</body>
</html>

IE6(S)

IE7(s):

IE8(S):

firefox:

chrome:

posted on 2011-08-07 02:10  terminatorheart  阅读(2160)  评论(0)    收藏  举报