css - HTML/CSS : Layout Issues

Question

基本上，我正在尝试创建一个包含 3 行的简单网页模板。第一个是包含两列的标题，第二个是主体，最后一个是页脚。

编码明智我正在做这种布局

<div id="wrapper">
    <div id="header">
        <header>
        </header>
        <div id="col2>
        </div>
    </div>
    <div="mainbody"></div>
    <footer></footer>

基本上，我现在遇到的问题是关于第一行和两列。基本上我在第一个上有一张图片，在第二个上有一堆按钮。理想情况下，我希望标题的宽度为 100%，以便适合屏幕，第一列的内容贴在左侧，按钮贴在右侧。两者之间留有空白。所以内容可以这么说。 目前，我在第一列的 CSS 上使用 float:left，我一直在摆弄 float/align/position，但我似乎无法使任何工作正常进行。

因此，如果有任何建议，我将不胜感激。

我还有一个关于页脚的问题，基本上我什至不知道该怎么做。所以只是询问是否可能并指导在哪里看。

所以对于页脚，我想知道它是否可行，如果在页脚和浏览器 x 轴之间有适合屏幕的空白空间并且正文会拉伸(stretch)。因为现在我的 body 只是在里面的东西的高度。所以基本上是关于 CSS 的一般建议，以帮助实现样式，使其适合屏幕。

Answer 1

2 列标题

<div id="header">
<div id="column1" style="float:left;">Image</div>
<div id="column2" style="float:left;">Buttons</div>
</div>

现在将所需的 margin-left 添加到第二列 div。它将在 2 列之间创建空间