HTML5-10(CSS布局)

简介： HTML5-10(CSS布局)

一.简述CSS布局

---

• 1.默认情况下，所有的网页标签都在标准流布局中
  从上到下，从左到右
  
• 2.脱离标准流的方法有

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

二.CSS脱离标准流

---

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

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

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

• 2.position (子标签相对于父标签的一个定位)

看不清的就百度搜

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

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

3.fixed生成绝对定位的元素，相对于浏览器窗口进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。