Question

我遇到了一些布局设计任务的问题。实际上我想实现一定的布局设计，但由于我不太了解CSS的位置属性，所以我这样做有点困难。这是link to what i am actually trying to do。

我想要一个区域或容器，其位置将按照上面提到的链接设计固定。在这个网页布局设计中，网页的左侧是position: fixed：它没有移动，当我滚动页面的右侧时，它向下滚动。所以我需要为我的网页提供相同的功能。

（抱歉我的英语不好，我有点被动）

Answer 1

为此，您在CSS中使用position:fixed属性。你会制作一个不像这样滚动的侧边栏：
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

设计版面需要帮助（CSS）

1 个答案: