美文网首页
float对标签的影响

float对标签的影响

作者: 蚊子简叔 | 来源:发表于2016-09-28 11:16 被阅读0次

    1、浮动对行内属相的影响:行内属性是不支持宽高设置的,靠内容撑开高度。当设置了float属性之后,这些标签能够很好地支持宽度和高度的设置;

    2、浮动对块元素的影响:部分块元素在没有设置宽高的的情况下设置浮动后变成内容撑开高度;但是还是支持设置宽高的。

    3、float能解决浏览器之间解析标签时enter键造成的显示间隙问题。事实上解决这个问题,还可以是不用enter键也能解决,不过可读性不好。

    4、具有浮动属性的对象在父标签中是不占有空间的。在浏览器中,如果不对父标签进行高度设置,那么父标签得高度就会是被它所包含的内容撑开,但是,一旦子标签设置浮动之后,父标签的高度就不能被撑开了,也可以理解为浮动之后的对象就像是浮在水面上一样,以至于浏览器认为这个位置是空的。下面的内容就会浮到上面来,此时就需要清除浮动。、

    (解决这个问题的方法有四种:第一:给父标签设置宽高,但是这种只适用于高度固定的情况;第二:给父标签设置浮动;第三:在父标签的关标签前清除浮动。第四:直接在父标签内部设置一个“overflow:hidden”具有清除内部浮动的作用。)

    相关文章

      网友评论

          本文标题:float对标签的影响

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