不適用我試圖創建一個<div>
,坐在這樣CSS屬性在div嵌套
兩個容器內的<div>
應該有height
給他們一個很好的量,由於某種原因,當我把<div>
在<div>
之內,它打破了height
以及其他一些CSS屬性,因此所有的東西都看起來很扁平。
是#masthead_topbar
是否繼承父項<div>
或我需要更改其他內容?
驗證碼:
#container {
width: 951.8px ;
height: 600 px ;
background-color: #c2c2c2 ;
border: solid 1px ;
border-color: b8b8b8 ;
margin: 0 auto ;
display: flex ;
align-items: center ;
}
#masthead_topbar {
width: 929px ;
min-height: 47.00 px ;
max-height: 47.00 px ;
background-color: #c2c2c2 ;
border: solid 1px ;
border-color: b8b8b8 ;
margin-left: 10px ;
margin-right: 10px; \t
margin-top: 10px ;
}
<div id="container">
<!-- Start Masthead TopBar -->
<div id="masthead_topbar">
<font>Test</font>
<!-- End Masthead_TopBar -->
</div>
<!-- End Container DIV -->
</div>
好了,你就必須刪除600像素之間的空間;爲600px; :) –
爲什麼'#container'有'display:flex;'?旁註:''自二戰結束後不再使用。如果不再更長。 – connexo
'border-color:b8b8b8;'可能應該是'border-color:#b8b8b8;'。這應該被分配到速記屬性上面的行:'邊界:1px固體#b8b8b8;' – connexo