学习CSS div的放置、定位

我正在学习CSS，我正在尝试将红色背景的div放置在主体下方，我似乎无法使其适合主体，每当我调整宽度时，它与主体不对齐，当我尝试将其放置在中心和100%宽度时，它占据页面宽度的100%，它与白色背景区域不对齐，每当我做80%，它会左对齐，而不会与白色背景区域对齐。请给我指一下正确的方向。我卡住了：（

到目前为止，我掌握的代码如下：

---

提前感谢。

请尝试对高度值进行硬编码

#spaceheader {
   width: 100%;
   height: 100px;
   background: #000000;
}

---

我现在看到了您的问题。父元素

是导致您出现问题的原因。如果我是您，我会将单选按钮从选项卡中取出，使其没有浮动：左浮动，这可能会解决问题。然后您需要删除页脚div上的绝对位置

---

此外，看起来您将页脚div放在了选项卡的内部，而实际上，它应该在所有选项卡的外部，在代码的下方。

将页脚

div

放在选项卡

div

之外，而不需要在其上设置

位置：绝对
。进行以下更改：

#footer
{
        margin-top:80%;
        height: 20px;
        width:50%;
        text-align:center;
        background:#C00; 
}

这是

另外，你似乎正在尝试做出响应性设计，但让我告诉你，你正在进行的方式并不适合它。你可以通过阅读来学习它

编辑

进行以下更改：

#footer
{
        margin-top:80%;
        height: 20px;
        width:50%;
        text-align:center;
        background:#C00; 
}

给出
高度：400px；
或根据表格
div
的要求
将页脚
div
从表
div
中删除
根据页脚
div
中的要求，删除
margin top
或将其更改为5%或10%
将
最小高度：100%；
添加到
.tabs
查看。
以备将来参考，我建议发布一个小提琴链接。我为您节省了时间。我很难理解您要做的事情。似乎您需要重做很多您所拥有的内容。请澄清。我正在尝试将OK’s reserve*红色背景放在页面底部，与b对齐ody的宽度，很抱歉，但AllRight的保留仍然处于相同的位置：您为什么在其上使用绝对定位？只需将所有内容作为块级元素使用静态定位，它应该可以正常工作。一般来说，避免绝对定位。几乎总是有更好、更可靠的方法来完成布局。尝试很少有CSS教程-谷歌将为您提供大量的CSS教程-您将掌握其中的诀窍。我迷路了，对不起：（我一直在尝试思考高度和边距，我找不到一种方法来移除身体和版权保留之间的空间，有什么方法可以移除它吗？蓝色箭头指向的要移除的空间的屏幕截图：以下是代码：希望你能指给我正确的方向：/edited。检查Fiddle.Kudos:）但是，当你将浏览器调整到较小的窗口时，如何防止整个网站错位/崩溃？这里有一个屏幕截图：？谢谢：你可以在主体上设置一个最小宽度，以防止它缩小到“太小”.在主体内部制作一个
div
，并给它一个固定的
宽度和
边距：0px自动；
，然后只在这个
div
内部工作。请查看此小提琴，例如：