左侧宽度固定，右侧铺满

让左侧浮动，右侧不浮动

<!DOCTYPE>
<html lang="en">
　　<head>
　　<meta charset="UTF-8">
　　<title>Document</title>
　　<!--<link rel="stylesheet" href="test.css" type="text/css">-->
　　<style>
　　.one {
　　　　float: left;
　　　　height: 100px;
　　　　width: 300px;
　　　　background-color: blue;
　　}
　　.two {
　　　　overflow: auto;
　　　　height: 200px;
　　　　background-color: red;
　　}
　　</style>
　　</head>
　　　　<body>
　　　　　　<div class="one"></div>
　　　　　　<div class="two">第二种方法</div>
　　　　</body>
</html>

 

posted @ 2017-03-22 16:43  天色已晚2016  阅读(182)  评论(0)  编辑  收藏  举报