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

float对标签的影响

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

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

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

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

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

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

相关文章

  • float对标签的影响

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

  • 行标签排列问题

    以后行标签排列是一定只用float,一定只用float,一定只用float!!!再用display:inline-...

  • CSS清除浮动的几种方法

    引言 - float 有哪些特性 破坏性float 破坏了父标签的原本结构,使父标签出现了塌陷现象。导致这一现象的...

  • 10 浮动、bfc、边距合并

    浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? float脱离了文档流,根据float...

  • 前端技能

    HTML 常用标签/分类/属性 标签的分类 语义化标签 CSS 布局:position、float 响应式布局:r...

  • float

    视频地址 float 设计的目的 实现文字环绕图片显示效果 清除 float 带来的影响 float 元素底部插入...

  • 前端技能

    HTML 常用标签/分类/属性 标签的分类 CSS 布局:position、float 响应式布局:rem布局(移...

  • CSS布局

    1)左右布局 子标签使用float:left;width:50%;,父标签加上clearfix,代码如下: 重要:...

  • 浮动

    float:left; float:right; 1.浮动特性 2.浮动布局 3.清除浮动的方法 方法一:额外标签...

  • CSS布局(float & position)

    float属性float属性的常用取值有 left:脱离标准流,浮动在父标签的最左边 right:脱离标准流,浮动...

网友评论

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

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