美文网首页
清理浮动的万能样式

清理浮动的万能样式

作者: 风之旅途 | 来源:发表于2017-02-10 09:43 被阅读0次

清理浮动的万能样式

(样式头)

.chearfix {

    *zoom:1;

}

.chearfix:after {

    content:"";

    clear:both;

    display:block;

    font-size:0;

    height:0;

    visibility:hidden;-------------空间透明了,还占据着位置

}

.test {

    float:left;

}

(样式尾)

(结构头)

<body>

    <div class="chearfix">

        <div class="test">浮动</div>

    </div>

</body>

(结构尾)

相关文章

  • 清理浮动的万能样式

    清理浮动的万能样式 (样式头) .chearfix { *zoom:1; } .chearfix:after ...

  • 移动端清除默认样式 清除浮动

    移动端清除默认样式 清除浮动

  • 2018.8.1

    css细化 一、布局 1.浮动 →清除浮动 2.定位 css 样式表 内联样式:在html中每个属性都具备styl...

  • CSS如何解决高度坍塌

    浮动元素的父元素添加以上样式

  • 浮动 float

    浮动定位 规则 浮动的问题 清理浮动的方法 设置父元素高度扩展性不好 让父元素浮动可能导致页面中的所有元素都浮动父...

  • CSS样式

    背景样式 文本属性 基本样式 浮动float 宽度:calc函数 图片模糊处理

  • HTML清除浮动,清除margin-top塌陷

    在样式中增加如下样式 before的样式是清除margin-top塌陷要用的,after的样式是清除浮动用的(防止...

  • Float布局

    .clearfix .浮动会造成父容器高度坍塌,因此要清理浮动。将.clearfix类应用到需要清除浮动的父元素;...

  • CSS网站布局实录笔记-Part2

    1. 浮动式布局 float: left, right 清理:clear:left, both 何时选用浮动定位:...

  • css3复习

    清除浮动: 方法:clear清除浮动(添加空div法)在浮动元素下方添加空div,并给该元素写css样式: ...

网友评论

      本文标题:清理浮动的万能样式

      本文链接:https://www.haomeiwen.com/subject/iqhgittx.html