需要設計佈局幫助（CSS）

我遇到了一些有關佈局設計任務的問題。其實我想達到一定的佈局設計，但是因爲我不太瞭解CSS的位置屬性，所以我做這件事有點困難。這裏是link to what i am actually trying to do。需要設計佈局幫助（CSS）

我想要一個區域或容器，其位置將按照上面提到的鏈接設計進行修復。在這種網頁佈局設計中，網頁的左側是position: fixed：它不移動，當我滾動頁面的右側時，它正在向下滾動。所以我需要爲我的網頁提供相同的功能。

（對不起，我英文不好我在這有點被動）

2014-05-17 string1301

對於您所使用的position:fixed屬性在你的CSS。你會做一個側邊欄不會滾動這樣的：
HTML

<body> 
<div id="sidebar"> 
This is fixed to the side of the page! 
</div> 
<div id="main">This Scrolls!</div> 
</body>

CSS

#sidebar{ 
position:fixed; 
top:0px; 
left:0px; 
width:400px; 
height:100%; 
background:red; 
} 
#main{ 
width:100%; 
height:100%; 
background:lightblue; 
text-align:center; 
}

EXAMPLE

來源

2014-05-17 13:20:01

感謝您的回覆，我得到它現在雖然還是我有一個疑問u有用高度100％和寬度100％的css屬性定義#main。其實當我在瀏覽器上運行這段代碼的時候，滾動部分的高度並不在那裏，我的意思是說這個滾動只在它後面有一個高度，但在這個區域下面有一個白色區域。 – string1301

需要設計佈局幫助（CSS）

回答

相關問題