gpt4 book ai didi

css - 如何将边栏对齐到主要内容区域的左侧?

转载 作者:太空狗 更新时间:2023-10-29 15:52:28 28 4
gpt4 key购买 nike

大家好,基本上我有一个非常简单的布局,带有一个标题图像,一个主要居中的文本区域。以及位于主要居中文本区域左侧的侧边栏。这基本上是我的布局的样子:

<center>Header</center>
<div style="float:left;">Sidebar</div>
<center>Main Area</center>

侧边栏显然会一直对齐到页面的左侧,我希望它做的仍然是在页面的左侧,但我希望它“拥抱”主页面中心区域。

这是现在的基本图片,以及我希望发生的事情的箭头: http://img18.imageshack.us/img18/2307/exampleps.jpg

最佳答案

现场演示: http://jsfiddle.net/rRm7k/

HTML:

<div id="wrap">
<div id="header"> HEADER </div>
<div id="body">
<div id="sidebar"> SIDEBAR </div>
<div id="main"> MAIN CONTENT </div>
</div>
</div>

CSS:

#wrap { width:500px; margin:0 auto; }
#body { overflow:auto; }
#sidebar { float:left; width:150px; min-height:400px; }

关于css - 如何将边栏对齐到主要内容区域的左侧?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4916384/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com