基本属性(二)

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