2012-02-17 193 views
0

標題中的問題,難住這個,它可能是簡單的?CSS邊框沒有顯示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
<style> 
#home_1 { width:920px; height:50px; float:left; border:1px solid black; } 

.left_home1 { float: left; width: 33%; text-align: center; } 

.mid_home1 { float: left; width: 34%; text-align: center; } 

.right_home1 { float: left; width: 33%; text-align: center; } 
</style> 
</head> 
<body> 

<div id="home1"> 

       <div class="left_home1"> 

        left 

       </div> 

       <div class="mid_home1"> 

        middle 

       </div> 

       <div class="right_home1"> 

        right 

       </div> 

</div><!-- close home1 --> 
</body> 
</html> 
+3

它應該是'#home1'在'style'標記中。 – 2012-02-17 10:32:31

+0

謝謝 - 有時你可能太過分了! – 2012-02-17 10:37:21

+0

@SagarPatil:你爲什麼不在一個答案中說這個,因爲它實際上是_the_答案...... – awe 2012-02-17 10:38:58

回答

0

<br clear="all" />前的最後</div>

+0

該屬性必須是清除而不是乾淨的 – 2012-02-17 10:32:40

+0

另外,HTML clear屬性的值是all而不是both。 – BoltClock 2012-02-17 10:39:32

+0

@BoltClock:'clear'的值可以是'both' – 2012-02-17 10:42:01

1

由於正確地指出:在風格標籤

應該#和home1。 - @Sagar Patil

我的壞!

0

在你的CSS只是改變你的CSS選擇器#home_1#home1。它會工作。