html – 如果您需要清除任何地方,无桌面设计的好处是什么？

发布时间：2020-12-14 18:57:35 所属栏目：资源来源：网络整理

导读：我明白到的标签有意义,因为它更具语义.但是,如果您仍然需要清除块以使基于列的布局工作,我不明白获得的好处.例如： !-- Note: location-info personal-info both float left. --div class="contact" div class="personal-info" p Shawn,etc,etc /p /div div

我明白到的标签有意义,因为它更具语义.但是,如果您仍然需要清除块以使基于列的布局工作,我不明白获得的好处.例如：

<!-- 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>标签严格用于描述风格,需要使布局工作.这不会破坏从删除表中获得的所有好处吗？

解决方法

如果我告诉你 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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!