关于float:left;左浮动的问题!!

来源:13-4 起飞咯 - 浮动模型

Chacetse

2015-01-24 21:24

求教大神,在这个demo中我给第一个div设置了float:left;后 div2并没有和div1并排显示,而是和div1覆盖在一起了? 使用float后的元素是脱离文档流了吗? 希望知道的能够给解答下,谢谢~~

写回答 关注

2回答

  • 左岸梧桐
    2015-01-24 21:36:42
    已采纳

    是的。

    div1设置了float:left后脱离的标准文档流。

    使两个div并列的解决办法:

    1 设置div2 也为左浮动;

    2 给div2 用position:absolute 定位;

    3 设置div2的margin-left:200px;


    暂时只想到这3种,等其他大神补充~

    Chacet...

    明白了,多谢

    2015-01-24 21:41:56

    共 1 条回复 >

  • 泥泥2015
    2015-05-09 09:00:50

    为什么div1会覆盖div2呢

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225812 学习 · 18234 问题

查看课程

相似问题