css - Facebook 风格的内容容器

标签 css border

在 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/

相关文章:

css 边框仅在相邻元素上

CSS 边框半径 IE 背景

css - 如何使用css更改audio::-webkit-media-controls-timeline的 slider 样式?

css - 如何使用 start 或 value 启动有序列表(IE8)?

html - CSS在div上倾斜右边框

html - 如何在不破坏比例的情况下使所有图像具有相同的高度

html - <sup> 当在带有文本装饰下划线的元素内给出时,在 chrome 中使用下划线

css - 如何在 Firefox 中垂直居中变换旋转的伪元素

html - Angular Material 布局 - 展开以填充窗口

html - 当 CSS 悬停时,如何使我的禁用按钮不改变颜色?