美文网首页
2019-05-30

2019-05-30

作者: 多喝烫水_ | 来源:发表于2019-05-30 18:58 被阅读0次


    高度塌陷:

    添加浮动,会产生塌陷

    解决方案:

    答辩面试题:

    元素开启BFC模式:

    1,父元素的垂直外边距不会和子元素重叠。

    2,开启BFC的元素不会被浮动元素所重叠。

    3,开启BFC的元素可以包含浮动的子元素。

    如何开启?

    1,设置元素浮动。

    2,设置元素绝对定位。

    3,设置元素为inline-block.

    4,将元素的overflow设置为一个非visible的值。

    IE6及以下浏览器不支持BFC

    就得开启hasLayout,他和BFC作用差不多。

    设置:zoom:1;

    弊端:内容被截取掉。

    解决方案2:

    谁塌陷就加clearfix。

    清除浮动:clear:both。

    谁塌陷就来谁的父元素的最后添加一个盒子,添加清除浮动。

    或者给他元素的最后边添加after;content内容

    把他设置成块:display:block;

    加清除浮动:clear:both。

    加 zoom:1.

    这样所有的浏览器都可以用了。

    导航条:

    文字居中:text-align:center;

    去掉下划线:text-decoration:none;

    定位:

    相对定位不会改变元素的性质的。

    比如,内联元素不能设置宽和高,如果添加一个相对定位,仍然不能设置宽和高。

    绝对定位:

    position:absolute;

    特点:

    1,只要开启,就会脱离文档流。

    2,

    固定定位:

    position:fixed;

    相关文章

      网友评论

          本文标题:2019-05-30

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