CSS DIV延伸底部

div.div1 { 
 
    border: 1px solid red; 
 
    color: red; 
 
    width: 400px; 
 
    height: 100px; 
 
} 
 

 
div.div2 { 
 
    border: 1px solid black; 
 
    margin: 10px; 
 
}

<div class="div1"> 
 
    <div class="div2">Test123</div> 
 
</div>

我有上面的代碼，給出了一個400x100 DIV用另一個在它。第二個是10像素旁邊的頂部，左側和右側的第一個，這很好，但我想擴展它，所以它是從底部10像素...我該如何解決這個問題？

來源

2017-03-06 darkchampionz

如果它是一個固定的高度外，爲什麼不給內部的80px的高度; （並添加框大小：邊框到它） – Pete

我覺得這裏是您的解決方案。

div.div1 { 
 
border: 1px solid red; 
 
color: red; 
 
width: 400px; 
 
height: 100px; 
 
padding: 10px; 
 
} 
 

 
div.div2 { 
 
border: 1px solid black; 
 
height: 100%; 
 
}

<div class="div1"> 
 
    <div class="div2">Test123</div> 
 
</div>

來源

2017-03-06 16:44:55

你有沒有試過類似的東西？子女<div>從未跟隨父母的高度，因爲它是爲寬度做的。所以如果你想要讓它與父母有相同的距離，你可以有兩種選擇，要麼代碼如下，要麼固定孩子的身高，然後使用javascript使它變大。

div.div1 { 
 
     border: 1px solid red; 
 
     color: red; 
 
     width: 400px; 
 
    } 
 
    
 
    div.div2 { 
 
     border: 1px solid black; 
 
     margin: 10px; 
 
    }


 

 

 
    <div class="div1"> 
 
     <div class="div2"> 
 
     Test123 <br/> 
 
     Test123 <br/> 
 
     Test123 <br/> 
 
     </div> 
 
    </div>

來源

2017-03-06 16:43:00 mbeso

CSS DIV延伸底部

回答

相關問題