<分区>
如图所示，添加 div3 的最佳方法是什么？它应该是单独的 div 还是 div1 或 div2 的子级？
我不完全确定如何制作它以便我可以轻松地在不同的屏幕尺寸下操作 div3。我觉得将 div 位置设置为 absolute 并使用巨大的偏移量是错误的..
<分区>
如图所示，添加 div3 的最佳方法是什么？它应该是单独的 div 还是 div1 或 div2 的子级？
我不完全确定如何制作它以便我可以轻松地在不同的屏幕尺寸下操作 div3。我觉得将 div 位置设置为 absolute 并使用巨大的偏移量是错误的..
最佳答案
下面是如何使用绝对定位来放置第三个 div。有几种方法可以做到这一点，我认为这是最容易理解的。
#container{
width: 400px;
height: 200px;
background: blue;
position: relative;
}
div.green{
background: green;
display: block;
height: 100px;
}
div.red{
background: red;
display: block;
height: 100px;
}
div.box{
width: 100px;
height: 100px;
background: yellow;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);<div id="container">
<div class="green"></div>
<div class="red"></div>
<div class="box"></div>
</div>关于html - Div 超过 2 个其他 div？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35811418/