在 facebook 上,内容所在的容器(当您登录时)在每一侧和底部都有一个 1px 的灰色边框。但是,底部边框始终与页面底部保持相同的距离,即使内容区域扩展(可能是由于 javascript)也是如此。
我可能没有解释清楚,但我正在寻找的是创建一个具有左、右和底部边框的内容区域。当内容区域扩展时,id 像 bottom border 被下推,但仍然像一个大矩形一样连接到侧边 border,id 像 bottom border 与页面底部保持相同的距离。与浏览器窗口底部的距离不同。
最佳答案
是这样的吗?
<div id="container">
<h1>hello</h1>
<p>Lorem ipsum etc.</p>
</div>
<style type="text/css">
#container {
border: 1px solid grey;
}
</style>
这将在内容周围一直显示灰色边框,并会根据需要展开;还是其他意思?
关于css - Facebook 风格的内容容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6590421/