首页 > 代码库 > bootstrap样式:.clearfix
bootstrap样式:.clearfix
我们知道,在静态页面的编写中,清除浮动是一件很繁琐的事情。
所以一般的CSS框架都会有用来清楚浮动的样式。
在bootstrap中,这个样式叫 clearfix.
只要在需要清除浮动的元素的父元素加上clearfix就可以了。
就像这样:
<ul class="col-md-12 clearfix"> <li class="nav_back"> <a href="/index.html" class="menu_a"> <span>首页</span>| </a> </li> <li class="nav_back"> <a href="/productCenter.jsp" class="menu_a"> <span>产品中心</span>| </a> </li> <li class="nav_back"> <a href="/solution.jsp" class="menu_a"> <span>解决方案</span>| </a> </li> <li class="nav_back"> <a href="/newsCenter.jsp" class="menu_a"> <span>新闻中心</span>| </a> </li> <li class="nav_back"> <a href="/companyHonor.jsp" class="menu_a"> <span>荣誉资质</span>| </a> </li> <li class="nav_back"> <a href="/aboutUs.jsp" class="menu_a"> <span>关于我们</span> </a> </li> </ul>
bootstrap样式:.clearfix
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。