元素加了浮动和定位后,属性设置会发生变化。但只针对脱标的盒子,即浮动、绝对定位和固定定位:
- 行内元素变得可以直接设置行和高。块级元素宽度变成自己本身内容的宽,需要自己设置宽,其余还保留块级元素的特性。
- 脱标的盒子不会触发外边距塌陷问题。
- 加了绝对定位和固定定位无法用margin:auto使其居中
- 浮动的盒子会压住下面标准流的盒子,不会压住文字,而定位会压住下面标准流所有内容。所以可以可利用浮动做文字环绕效果。
本文解析了浮动和定位元素如何影响盒子模型,包括行内元素的新特性、块级元素宽度调整、外边距塌陷避免、居中对齐难题和浮动带来的文字环绕效果。
元素加了浮动和定位后,属性设置会发生变化。但只针对脱标的盒子,即浮动、绝对定位和固定定位:
1853
1628
411
1019

被折叠的 条评论
为什么被折叠?