HTML5-10(CSS布局)

一.简述CSS布局

• 1.默认情况下，所有的网页标签都在标准流布局中

  从上到下，从左到右

• 2.脱离标准流的方法有

  • float属性
  • position属性 和 left right、top、bottom属性

二.CSS脱离标准流

• 1.CSS布局– float属性,常用取值有

  • left：脱离标准流，浮动在父标签的最左边

  • right：脱离标准流，浮动在父标签的最右边

CSS布局– `float`属性,常用取值有

结论:任何一种标签脱离了标准流,就会变成 行内-块级 标签

• 2.position (子标签相对于父标签的一个定位)
  看不清的就百度搜
  position (**子标签相对于父标签的一个定位**)

实例:记住四个字子绝父相

• 1.absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
• 2.relative 生成相对定位的元素，相对于其正常位置进行定位。

position (**子标签相对于父标签的一个定位**)

• 3.fixed生成绝对定位的元素，相对于浏览器窗口进行定位。
  元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed生成绝对定位的元素