                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /如何用CSS進行網頁布局

求個例子看看

有例子沒有，謝謝

真相真的只有一個

2016-07-21

源自：如何用CSS進行網頁布局 4-3

關注問題我要回答

428

操作

收起

1 回答

慕萊塢9220042 回答被采納 +3 積分
2016-07-21

<!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">
body{?margin:0;?padding:0;?font-size:30px;?font-weight:bold}
div{?line-height:50px}
.left{?width:200px;?height:600px;?background:#ccc;?position:absolute;left:0;top:0;}
.main{?height:600px;?margin:0?310px?0?210?px;?background:#9CF}
.right{?height:600px;?width:300px;?position:absolute;?right:0;top:0;?background:#FCC;}
</style>
</head>

<body>
????
????<div?class="left">left</div>
????<div?class="main">設計首頁的第一步是設計版面布局。就象傳統的報刊雜志編輯一樣，我們將網頁看作一張報紙，一本雜志來進行排版布局。?雖然動態網頁技術的發展使得我們開始趨向于學習場景編劇，但是固定的網頁版面設計基礎依然是必須學習和掌握的。它們的基本原理是共通的，你可以領會要點，舉一反三。</div>
????<div?class="right">right</div>
</body>
</html>