欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

行内元素(例如)设置float之后才能用width调整宽度

程序员文章站 2022-12-22 13:10:04
因为只有块元素才会有物理属性,在css世界里边,有三种形态的东西,1. 块元素。 特性:有物理属性,width,height写值起作用,而且要占据一行。2. 内联元素。 特性:没有物理属性。但是margin,padding值有用。不占据一行,后边可以有兄弟元素。3. 即是块又是内联,根据兄弟兄弟元素 ......

因为只有块元素才会有物理属性,在css世界里边,有三种形态的东西,

1. 块元素。 特性:有物理属性,width,height写值起作用,而且要占据一行。
2. 内联元素。 特性:没有物理属性。但是margin,padding值有用。不占据一行,后边可以有兄弟元素。
3. 即是块又是内联,根据兄弟兄弟元素决定。

为什么是float之后才会有物理属性,这就是块与内联元素相互转化的问题。
块元素 -> 内联元素: display:inline;
内联元素 -> 块元素: display:block;

float就是隐性的把内联元素转化为块元素,这是对内部的特性就是有物理特性,但是他不占据一行。对外是内联元素的属性。他有个坏处就是会影响兄弟元素。相当于:display:inline-block;
那为什么不直接display:inline-block;因为这个玩艺在ie6下有几个px的bug。

转载自:https://blog.csdn.net/u012698342/article/details/57419605