2016-09-28 90 views
0

我想要添加兩個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>

+1

只是關閉DIV tag..remaining,一切正常;-) –

回答

4

您沒有正確關閉您的<div>秒。

要關閉<div>塊,請使用</div>。就像這樣:

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

謝謝。錯過了壓力。 – nikolas

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>

1

閉上你的div標籤

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