那些遇到过的问题

小编M D*_*nis的帖子

如何以%为单位获取跨浏览器表单`fieldset`内容高度(带图例)

我想在设置%了height一个div包含在fieldset,但浏览器不计算相同的方式的内部高度fieldset ,当你使用legend!

Firefox:height: 100%考虑图例的高度:没关系.
在此输入图像描述

Chrome:height: 100%不考虑图例的高度:它溢出.
在此输入图像描述

Internet Explorer:height: 100%不考虑图例的高度:它溢出.
在此输入图像描述

1.您是否知道一个干净的解决方案,以便在3个浏览器中获得相同的结果？

2.与W3C建议相比,哪个是正确的？

以下是用于进行测试的代码: 

<html>
<body>
  <fieldset style="height:60px;width:150px;">
    <legend>Legend</legend>
    <div style="height:100%;width:100%;margin:0;padding:0;background-color:#FF0000;">
DIV : height 100%
    </div>
  </fieldset>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

html css forms cross-browser fieldset

M D*_*nis
2016 04-06
5
推荐指数
1
解决办法
803
查看次数

标签 统计

cross-browser ×1

css ×1

fieldset ×1

forms ×1

html ×1