主页 > 知识库 > css别忘记清除浮动clear:both

css别忘记清除浮动clear:both

热门标签:网站文章发布 服务器配置 呼叫中心市场需求 美图手机 智能手机 检查注册表项 银行业务 铁路电话系统
用空标签清除
.clr {clear: both;}

div id="layout">
    div id="left">Left/div>
    div id="right">Right/div>
    p class="clr">/p>
/div>
使用 overflow 属性
#layout {overflow:auto; zoom:1;}

div id="layout">
    div id="left">Left/div>
    div id="right">Right/div>
/div>
使用 :after (非 IE 浏览器)
#layout:after{
    display: block;
    clear: both; content: "";
    visibility:hidden; height: 0;
}

div id="layout">
    div id="left">Left/div>
    div id="right">Right/div>
/div>注:使用 :after 需要注意几点,设置高度为零(height: 0;);content 是必须的,但其值可以为空
您可能感兴趣的文章:
  • CSS清除浮动常用方法小结
  • CSS清除浮动方法汇总

标签:河南 沧州 沈阳 新疆 上海 长治 乐山 红河

巨人网络通讯声明:本文标题《css别忘记清除浮动clear:both》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266