关闭

div整合

252人阅读 评论(0) 收藏 举报

做div测试:设置背景:style=“background-color:xxx; margin-top:xxx”
div之float,clear
1.未使用float属性,设置width和height测试,自动占满整行
2.float:浮动属性:本测试界定都浮动到左边
    测试1.假设四个div,width分别为300,100,100,100,若添加第五个div则规则布局
    测试2.假设四个div,width分别为300,100,100,150,若添加第五个div则出现左下角50pxwidth无法使用
    测试3.浮动属性的消除:clear属性,假设三个div,都设置float,在第二三个div设置clear属性则规则布局,若只有第二个div设置clear(注意:第三个没有设置),则第三个会浮动到第二个之前。
    测试4.父div使用相对定位,子div使用绝对定位,float的最后一个子div使用clear:right,所有子div在一行显示,不论是浏览器大小是否发生变化
3.总结:float:浮动div的内容,使得内容和需要占的大小适合,对下一个div影响
    clear:消除前面所有只要设了float属性的div对本div的影响,使得本div不浮动上去。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:59715次
    • 积分:1207
    • 等级:
    • 排名:千里之外
    • 原创:68篇
    • 转载:7篇
    • 译文:0篇
    • 评论:24条
    最新评论