Chinaunix首页 | 论坛 | 博客
  • 博客访问: 416688
  • 博文数量: 63
  • 博客积分: 1175
  • 博客等级: 少尉
  • 技术积分: 1204
  • 用 户 组: 普通用户
  • 注册时间: 2012-04-19 11:33
文章分类
文章存档

2015年(1)

2014年(3)

2013年(7)

2012年(52)

分类: Html/Css

2014-05-08 23:40:00

1. 页面渲染的三个流:
    a. 无float, position为默认值(static)的元素
    b.position为非默认值(fixed,absolute,relative)的元素
    c.float无left,right的元素
 渲染过程:
    三种流渲染完成后(故当父节点和子结点不在同一个流中时,父节点无法获取到正确的宽和高),进行叠加渲染,在显示到显示器
    解决办法:
    清除浮动可是流c 中的元素变为流a的元素
2. ul li元素的list-style-type设置为inline-block,可能会出现两个li元素中间出现空格
    原因:两个li元素之间的换行被解释为空格
    解决办法:
    <1>. li设置为block元素,使用float:left;属性
    <2>. html注释掉两个li元素中间的换行,或者两个li元素不换行
阅读(2193) | 评论(0) | 转发(0) |
0

上一篇:DIV+CSS页面布局基础知识(一)

下一篇:没有了

给主人留下些什么吧!~~