考虑以下测试用例，其中在 和 中放置了一个浮动元素和一个内联元素：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.float {float:right; background-color:red; height:200px;}
</style>
</head>
<body>
<fieldset>
<span>Inline!</span>
<div class="float">Float!</div>
</fieldset>
<fieldset>
<span>Inline!</span>
<div class="float">Float!</div>
</fieldset>
<div>
<span>Inline!</span>
<div class="float">Float!</div>
</div>
<div>
<span>Inline!</span>
<div class="float">Float!</div>
</div>
</body>
</html>
渲染时，字段集的高度为200像素（它们清除浮点了吗？），而div的高度仅与内联元素一样高。 造成这种现象的原因是什么，是否有解决方法可以使字段集像div一样起作用？
задан BoltClock 2 May 2012 в 18:19
поделиться
