关闭

css网页布局基础

标签: css
222人阅读 评论(0) 收藏 举报
分类:
  1. 块级元素,行级元素都是盒子模型
  2. 这里写图片描述
  3. 三种定位机制:标准文档流、浮动(float)及绝对定位
    1. margin auto;
    2. (1)设置了浮动的元素仍然处于标准文档流中
      (2)当设置浮动,没有输入内容,就会缩成一个点
      (3)浮动会影响接下来的下一个元素
      (4)清除浮动:
      clear:both
      width:100%;overflow:hidden;
      当父块上的两个元素设置浮动,把父块缩成一条的时候,之后用第二种方法清除浮动
    3. 这里写图片描述
      static表示正常定位
      relative 相对于原来位置偏移,出现堆叠,但仍处在标准文档流中
      absolute和fixed都属于绝对定位,完全脱离了标准文档流,产生堆叠,兄弟元素不再受之影响(1)absolute时,没有设置宽度,则宽度随内容(2)带有偏移量时,absolute参照最近的具有定位祖先元素进行偏移(静态定位不算,没有则是html,不是body)(3)不带偏移量时,以body左上角(4)使用absolute实现列布局时,常用于一个宽度固定,另一个宽度自适应
  4. div的高度一般不要设置
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:378803次
    • 积分:6398
    • 等级:
    • 排名:第3785名
    • 原创:345篇
    • 转载:8篇
    • 译文:1篇
    • 评论:75条
    博客专栏
    最新评论