中間一列下沉
<!DOCTYPE html>
<html>
<head>?
<meta charset="utf-8">?
<title>Demo2</title>?
<style type="text/css">
?*{margin: 0;padding: 0;}
?.left{background-color: aqua;position: absolute;left: 0;top: 0; width: 400px;height: 800px;}
?.middle{background-color: cadetblue;height: 800px;margin: 0 310px 0 410px;}
?.right{background-color: darkgoldenrod;position: absolute;right:0;top:0;width:300px;height:800px;}
</style>
</head>
<body>
<div class="left"></div>
<div class="middle">
<p>設計首頁的第一步是設計版面布局。就象傳統的報刊雜志編輯一樣，我們將網頁看作一張報紙，一本雜志來進行排版布局。 雖然動態網頁技術的發展使得我們開始趨向于學習場景編劇，但是固定的網頁版面設計基礎依然是必須學習和掌握的。它們的基本原理是共通的，你可以領會要點，舉一反三。</p>
</div>
<div class="right"></div>
</body>
</html>
2019-07-19
不知道為啥 你的代碼沒看出毛病 而且 我復制你的代碼 我這邊沒有下沉 建議你保存一下換個瀏覽器試試