我想對齊我的圖像上的div。水平對齊工作正常,但垂直偏移不。此外,#studentenlijn
的背景顏色不適用。css在圖像上的相對對齊
HTML摘錄:
<div id="container">
<div id="studentenlijn">STUDENTENLIJN</div>
<img src="http://lsvb.nl/s/lsvbheader.jpg" class="banner" />
</div>
相關CSS
#studentenlijn {
width: 10%;
height: 10%;
position: absolute;
top: 30%;
left: 72%;
background-color: #660000;
}
的jsfiddle:http://jsfiddle.net/YGeLA/
任何想法?
對不起設置高度像素!我試過了,但看起來很亂。將再試一次! – Doran
背景顏色不起作用,因爲'height'和'width'是'0'。它們在'%'中設置,父項在'%'中設置。 'body'和'html'雖然沒有設置'height'和'width',所以'%'沒有做任何事情。 –
@Doran爲'#studentenlijn'添加填充或將高度和寬度設置爲px/em以解決bg顏色問題。 –