コンテンツの高さがわるい

Question

2つのdivを順番に追加したいとします。ポジションの相対的な動作は問題ありません。しかし、なぜこれはポジションなしで起こるのですか？それはポジションなしで可能ですか？ここで

はhtmlの一部です：

<div class="content1"> 
    Lorem Ipsum is simply dummy text 
<div> 
<div class="content2"> 
    Lorem Ipsum is simply dummy text 
<div> 

とCSSパート：

.content1{ 
    width: 100%; 
    height: 400px; 
    border: 1px solid black; 
} 
.content2{ 
    width: 100%; 
    height: 300px; 
    border: 1px solid red; 
} 

.content1{ 
 
\t width: 100%; 
 
\t height: 400px; 
 
\t border: 1px solid black; 
 
} 
 
.content2{ 
 
\t width: 100%; 
 
\t height: 300px; 
 
\t border: 1px solid red; 
 
}

<div class="content1"> 
 
    Lorem Ipsum is simply dummy text 
 
<div> 
 
<div class="content2"> 
 
    Lorem Ipsum is simply dummy text 
 
<div>

Answer 1

あなたは正しく<div> Sを閉じていません。

<div>ブロックを閉じるには、</div>を使用してください。このように：

<div class="content1"> 
    Lorem Ipsum is simply dummy text 
</div> <!-- Changed --> 
<div class="content2"> 
    Lorem Ipsum is simply dummy text 
</div> <!-- Changed --> 

Answer 2

単にあなたの<div>タグ

.content1 { 
 
    width: 100%; 
 
    height: 400px; 
 
    border: 1px solid black; 
 
    
 
} 
 
.content2 { 
 
    width: 100%; 
 
    height: 300px; 
 
    border: 1px solid red; 
 
}

<div class="content1"> 
 
    Lorem Ipsum is simply dummy text 
 
</div> 
 
<div class="content2"> 
 
    Lorem Ipsum is simply dummy text 
 
</div>

Answer 3

があなたのdivタグ

<div class="content1">Lorem Ipsum is simply dummy text</div> 
<div class="content2">Lorem Ipsum is simply dummy text</div>