2016-06-21 76 views
-2

我試圖從數據庫運行文本作爲選取框。選取框必須佔據屏幕底部總屏幕高度的10%。HTML選取框樣式不起作用

這裏是我的代碼:

<div> 
<font color="#FFFFFF" size="+1" face="Verdana"><marquee bgcolor="#FF0000" style="height: 10%; bottom: 0; " scrollamount="5">Your text here</marquee></font> 
<div> 

它不occypy 10%,而不是在頁面的底部。我錯過了什麼?

+0

什麼是你的DOCTYPE? HTML5中不支持標記。 – Squideyes

+0

<!DOCTYPE HTML> <元的charset = 'UTF-8'> –

+0

[W3C](http://www.w3schools.com/tags/tag_font.asp)建議你用CSS代替。看看是否解決了這個問題。如果不是,您能否提供預覽鏈接? – Squideyes

回答

1

首先,您在關閉div標記時忘記了「/」,但這並不重要。要使height: 10%正常工作,您必須修復父元素height,例如將height: 100%設置爲div。然後,bottom:0工作,位置應該是絕對的,和家長positionning應該是相對的:

<html> 
    <head></head> 
    <body> 
     <div style="position: relative; height: 100%;"> 
     <font color="#FFFFFF" face="Verdana" size="+1"><marquee style="height: 10%; bottom: 0px; position: absolute;" scrollamount="5" bgcolor="#FF0000">Your text here</marquee></font> 
     </div> 
    </body> 
</html> 

希望它可以幫助