html - 在一行中创建你的 div，在底部创建第 4 个 div。 CSS/HTML

Question

我想创建下一个愿景的 html 页面。 div 1,2 和 3 在一行中的位置已经完成，但是对于第 4 个 div 我遇到了一些麻烦，无法完成。

Answer 1

你真的应该发布你的代码看看它有什么问题..但我为你做了这个例子。

给你，你可以使用 float 。

HTML 代码:

<div id="wrapper">
    <div id="first">
    </div>
    <div id="second">
    </div>
    <div id="third">
    </div>
    <div id="fourth">
    </div>
</div>

CSS 代码:

#wrapper{width:300px; margin:0;}
#first { height:300px; width:100px; background:black; float:left;}
#second{ height:250px; width:100px; background:red;float:left;}
#third{ height:250px; width:100px; background:green;float:left;}
#fourth{ height:50px; width:200px; background:blue;float:left;}

工作 DEMO