位置を使用しないdivの重複：絶対

Question

位置を使用しないで2つのdivを重複させることは可能ですか？例はありますか？私は位置を削除する必要があります：ページ区切り規則を使用する絶対。

Answer 1

はいあります。負のマージンを使用します。

たとえば、ここ

<div id="box1" class="box">CONTENT HERE</div> 
<div id="box2" class="box">SOME STUFF HERE</div> 

<style> 
.box { 
    position: relative; 
    width: 50%; 
    float: left; 
    border: 1px dashed #000; 
    padding: 25px; 
    box-sizing: border-box; 
} 

.box#box2{ 
    margin-left: -20px; 
} 
</style> 

テスト：

https://jsfiddle.net/2r7623st/