基本属性(二)
- 高度省略,内容能自动撑起来
- 宽度省略,有高度,div是块级元素,能自动撑满
- overflow:hidden;表示溢出隐藏,溢出盒子边框的内容将会被隐藏
- overflow:hidden;是非常好用的,让盒子形成BFC的方法
- 如何创建BFC
- 方法一:float的值不是none
- 方法二:position的值不是static或者relative
- 方法三:display的值是inline-block、flex或者inline-flex
- 方法四:overflow:hidden;
- 使用浮动实现网页布局
- 垂直显示的盒子,不要设置浮动,只有并排显示的盒子才要设置浮动
- “大盒子带着小盒子跑”一个大盒子中,又不是一个小天地,内部可以继续使用浮动;
- 超市售卖的塑料袋0.3元一个,div是免费的!不要节约盒子!
- 固定定位:不管页面如何卷动,它将永远固定在那里
- position:fixed;
- top:100px;
- left:100px;
固定定位只能以页面为参考点,没有子固定相这个性质
固定定位脱离标准文档流
子绝父相
8.相对定位的元素,会在“老家留坑”,本质上仍然是在原来的位置,只不过渲染在新的地方而已,渲染的图形可以比喻成 影子 ,不会对页面其他元素产生任何影响;