<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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">
.box{width:960px;margin:0?auto;background:#F00;}
.box?.top{height:90px;background:#999;}
.box?.left{width:300px;height:600px;background:blue;float:left;}
.box?.right{width:640px;height:600px;background:#0C9;float:right;}
.box?.foot{height:60px;background:#F63;clear:both;}
</style>
</head>
<body>
<div?class="box">
<div?class="top">top</div>
????<div?class="left">left</div>
????<div?class="right">right</div>
????<div?class="foot">foot</div>
</div>
</body>
</html>
2016-03-12
你首先應該理解的是，分層的概念，也就是說，文檔流，position，float其實是三個層，每個層之間都是相互攔截的。如果元素離開了文檔流，那么float就會票起來。所以，如果你需要設置自適應的話，不應該用float，因為float必須要有寬度，雖然可以飄起來。但是position，就沒有寬度要求，還可以漂起來。所以一般的自適應寬度使用position實現，才是合理的標準做法， 兼容性也好！
2016-03-10
這種情況需求的.right的百分比并不是確定的呢，所以還是不行的。
可以看看別人的代碼，.left絕對定位，.right用margin-left留出左邊的空間來。
再試試吧！(? ??_??)?
2016-03-10
不是要求右邊寬度要自適應嗎？
2016-03-09
chrome下是這樣