Html 定位分区
我希望有3个div,一个在另一个之上,它们之间有一个很小的间隙Html 定位分区,html,layout,position,Html,Layout,Position,我希望有3个div,一个在另一个之上,它们之间有一个很小的间隙 <div style="position:absolute; border:2px solid #000; top:40px; width:300px; height:100px"></div> <div style="position:absolute; border:2px solid #000; top:150px; width:300px; height:300px"></div
<div style="position:absolute; border:2px solid #000; top:40px; width:300px; height:100px"></div>
<div style="position:absolute; border:2px solid #000; top:150px; width:300px; height:300px"></div>
<div style="position:absolute; border:2px solid #000; top:460px; width:300px; height:100px"></div>
这是可行的,看起来还不错,但是如果顶部或中间的div变大,那么它们可能会与其他div重叠
无论如何,是否有设置使div2始终与div1保持10px的距离,而div3始终与div2保持10px的距离
谢谢在给定的三个div之间添加两个div
<div style="position:relative; border:2px solid #000; width:300px; height:100px"></div>
<div style="position:relative; padding-top: 10px;"></div>
<div style="position:relative; border:2px solid #000; width:300px; height:300px;"></div>
<div style="position:relative; padding-top: 10px;"></div>
<div style="position:relative; border:2px solid #000; width:300px; height:100px"></div>