<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Triple?column?layout</title>
<style?type="text/css">
body{margin:?0;padding:?0;width:900px;}
#left{float:left;width:?33.33%；height:300px;background:?red;}
#middle{float:left;width:?33.33%；height:300px;background:?blue;}
#right{float:right;width:?33.33%；height:300px;background:?green;}
</style>
</head>
<body>
<div?id="left">left</div>
<div?id="middle">middle</div>
<div?id="right">right</div>
</body>
</html>代碼如上，實現(xiàn)效果圖如下：
用float無法實現(xiàn)三列自適應(yīng)布局，怎么回事？
Lifeisgreat
2017-04-09 19:07:14
