为什么我做出来是这样的?浮动也不对?

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <style type="text/css">

        h3{font-size:18px;}

        .box{border-left:300px solid #222;}

        .left{width:300px;

              margin-left:-300px;

              float:left;

        }

        

    </style>

</head>

<body>

<div class="box">

    <nav class="left">

        <h3>导航</h3>

    </nav>

    <section>

        <div class="module">模块</div>

    </section>

   

    

</div>

    

</body>

</html>

http://img.mukewang.com/598e77d40001a14304710257.jpg

慕娘6074509
浏览 1457回答 2
2回答

卖火柴的小老鼠

浮动使父元素高度塌陷,建议百度看下下清除浮动的方法,我交你一种最简单的,你给父元素也设置浮动或者宽度试试。

兔子吃点窝边草

你也是nb,给左边框一个300px值你要逆天啊?那黑色就是你div的左边框而已
打开App,查看更多内容
随时随地看视频慕课网APP