设置了浮动，怎么诗句中显示呢

首页课程实战体系课手记专栏慕课教程

设置了浮动，怎么诗句中显示呢

<!DOCTYPE html>

<html>

<head>

/*此处写代码*/

*{padding:0;margin:0;}

.div{width:1200x;font-family:"微软雅黑";}

.header{margin:0 auto;width:1200px;height:60px;background-color:#000000;}

.logo{float:left;height:100px;}

.logo img{width:180px;height:60px;margin:0px;}

.nav{float:right;height:60px;text-align:center;}

.nav ul{margin:5px;}

.nav ul li{list-style-type:none;display:inline;}

.nav ul li a{font-size:20px;padding:5px 10px;line-height:50px;text-decoration:none;color:red;}

.content{margin:0 auto;width:900px;height:800px;}

.left{width:550px;height:800px;float:left;background-color:#9aa5cc;}

.left h2{margin:30px 10px 10px 30px;}

.left ul{margin:10px 10px 10px 30px;}

.left ul li{list-style-type:none;font-size:16px;line-height:30px;}

.right{width:650px;height:800px;float:right;background-color:#9aa5aa;}

.right h2{margin:30px 10px 10px 30px;}

.right ul{margin:10px 10px 10px 30px;}

.right ul li{list-style-type:none;font-size:16px;line-height:30px;}

.footer{margin:0 auto;width:1200px;background-color:#000000;height:60px;}

.footer ul li{list-style-type:none;display:inline;line-height:50px;font-size:20px;color:red;margin:0 10px;text-align:center;}

</style>

</head>

<body>

</div>

<ul>

</ul>

</div>

<ul>

<li>JavaScrip</li>

</ul>

</div>

<ul>

<li>JavaScrip</li>

</ul>

</div>

<ul>

</ul>

</div>

</body>

</html>

慕慕1499935

浏览 1507回答 3

3回答

脑袋空空空想家

还有一个如果是要想right浮动在left上，position：absolute

0 0

脑袋空空空想家

content的width比left+right的宽度小，所以right被挤下去了，就算你设置了浮动也没用

0 0

随时随地看视频慕课网APP