我在父div中设置了两个div - 左边的一个侧边栏&右边的内容区域。我需要将我的内容区域(具有固定宽度)的位置设置为始终为侧边栏右侧的15px(即使浏览器窗口/侧边栏拉伸)。
设置侧边栏的位置:绝对&一个%宽度适用于侧边栏本身,但由于侧边栏位置是绝对的,内容无法识别侧边栏的位置和位置。无法使用CSS相对于它定位。
这是我想要实现的目标的图像:
答案 0 :(得分:2)
为什么你在侧栏使用绝对位置?
我会这样做
<div class="container">
<div class="sidebar">
<p>This is your sidebar</p>
</div>
<div class="content">
<p>This is your content</p>
</div>
</div>
.container {width:100%; height: 1000px; background:blue;} /*didn't supply a width*/
.sidebar {width:25%; float:left; min-height:200px; background:lightblue; margin-right:15px;} /*you said sidebar has a % width*/
.content {width:250px; height:200px; background:red; float:left;} /*you said content had fixed width*/
Link to JS Fiddle to have a look
除非我不理解你的问题?