一列有两个div而另一个有一个

Question

我会在css中放置另一个div的一个div（两个方块都是10x10）并且另一个列的div为10x20？

让我重新说一下，所以它有点简单，我想要一个20x20的大方块。在该形状的左半部分，它需要两个10x10的正方形，一个在另一个的顶部。在右侧，我需要一个10x20的div。

请为课堂提供帮助

Answer 1

您可以使用css的position属性来绝对定位元素以设置顶部和左侧坐标。您还需要使用height和width属性来调整框的大小。

Answer 2

也许是这样的？

<div id="bigBox">
     <div class="leftBox"></div>
     <div class="leftBox"></div>
     <div id="rightbox">
</div>

<style>
    #bigBox { position: relative; width: 20px; height: 20px;}
    .leftBox {position: absolute; left: 0; height: 10px; width: 10px; }
    .rightBox {position: absolute; right: 0; width: 10px; height: 20px;}
</style>