在一行中创建e div，在底部创建第4 div。CSS/HTML

---

我想在下一个愿景中创建html页面。在一行中定位div 1、2和3已经完成，但是对于第四个div，我遇到了一些问题，无法完成。您确实应该发布代码，看看它有什么问题。。但我为你树立了榜样

给你，你可以用浮子

Html代码：

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

#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;}

---

工作

下面是一个使用非固定高度和宽度的示例。关键是将子部分包装在

divs

中，并相应地设置样式

div

毕竟是除法的缩写

<div class="left">
     1
</div>
<div class="right">
    <div class="second-third-wrapper">
        <div class="second">
            2 
        </div>
        <div class="third">
            3
        </div>
    </div>
    <div  class="fourth">
        4
    </div>
</div>

---

如果您希望它们的大小固定，您可以在特定元素上设置特定的

高度

和

宽度

样式，其余部分由百分比来完成。

请将您的代码包括在内，最好是在JSFIDLE中。请详细说明您想要的是什么，固定的高度和宽度？也许可以添加html和css代码…谢谢，这个变体很好用，是我想要找到的。好的，很好！很乐意帮忙！谢谢，这个变体很好用，是我想要找到的。这与第一个答案相似。谢谢你的帮助！

body, html {
    width: 100%;
    height: 100%;
}
.left {
    background-color: blue;
    width: 50%;
    height: 100%;
    float: left;
}