html - 如果您到处都需要清除块，那么无表设计的好处是什么？

我了解从<div>转向<table>标签的目标是有意义的，因为它更具语义。但是，如果您仍然需要清除块来使基于列的布局正常工作，那么我将无法理解所获得的好处。例如:

<!-- Note: location-info & personal-info both float left. -->
<div class="contact">
    <div class="personal-info">
        <p>
           Shawn, etc, etc
        </p>
    </div>
    <div class="location-info">
        <p><address>etc</address></p>
    </div>
    <br style="clear:both" /> <!-- clearing block -->
 </div>

无关的<br>标记严格用于描述样式，并且是使布局正常工作所必需的。这不会破坏从删除表中获得的所有 yield 吗？

最佳答案

如果我告诉您you didn't need清除块怎么办？

.clear-block:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear-block {
    display: inline-block;
}

<div id="wrapper" class="clear-block">
    <div style="float:right">
        Your content here
    </div>
    <div style="float:left">
        More content here
    </div>
</div>

JSFiddle

关于html - 如果您到处都需要清除块，那么无表设计的好处是什么？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/407420/