css 设置浮动或者定位脱离文档流问题

css 设置浮动或者定位脱离文档流问题之后 父元素DIV 高度就会变为0; 如果你不设置高度的话 下面就会挤上来。


如何不设置高度让子元素撑开高度呢。

下面的代码就是、  底部DIV 清除浮动不会挤上来了, 但是设置margin-top 无用

<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <title></title>

    <style>

    .header ul li {

    width: 30%;

    height: 50px;

    background: #ccc;

    float: left;

    margin: 10px 10px;

    }


    .footer {

    height: 30px;

    background: red;

    clear: left;

    margin-top: 100px;  /* 没用 */

    }

    </style>

</head>

<body>

<div class="header">

<ul>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

</div>


<div class="footer">

</div>


</body>

</html>


如何不设置高度让子元素撑开高度呢。



其实我真的不是东北人
浏览 2814回答 3
3回答
打开App,查看更多内容
随时随地看视频慕课网APP