html - 仅使用 HTML 和 CSS 安装一个带有 2 个 div 的 div

标签 html css layout

我有以下代码用于网站的基本布局(顺便说一句,我是初学者):

http://jsfiddle.net/gvyL2ohc/

#Content {

    background-color:black;
    float:left;
    padding:10px; 
}

我不知道如何让“内容”的黑色部分适合页眉、页脚和导航之间的空白区域。它应该只填充该区域并在所有浏览器上工作。我怎样才能只使用 HTML 和 CSS 来做到这一点?

最佳答案

试试这个 http://jsfiddle.net/gvyL2ohc/2/

只需将此添加到您的 CSS

#Content {
  background-color: black;
  height: 620px;
  padding: 50px;
}

关于html - 仅使用 HTML 和 CSS 安装一个带有 2 个 div 的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33186781/

相关文章:

HTML 音频预加载

用于电子邮件的 HTML 图像模块

javascript - 使一行中列表项的高度跟随它们的最大高度

html - 如何修复 HTML 表格中的第一列以允许水平滚动?

css - IE11 无法识别@media 查询中的视口(viewport)单位

java - Swing 组件不可见

javascript - 文本输入边框颜色在焦点上未正确更改

javascript - 使用 Javascript/html 调暗灯光/更改颜色按钮?

html - 从绝对切换回静态?相对的?

java - GridLayout 在应该显示的时候没有显示在框架上