2011-05-19 200 views
0

我開始使用960網格系統一切正常,從以下960網格系統設計幫助

<div class="grid_1 pagelink prefix_12"><p><a href="">1</a></p></div> 
    <div class="grid_1 pagelink"><p><a href="">2</a></p></div> 
    <div class="grid_1 page"><p><a href="">3</a></p></div> 
    <div class="grid_1 pagelink"><p><a href="">4</a></p></div> 

我需要上面的4個鏈接是在一個容器中,這樣我可以有一個令人驚訝的分開設計網站在所有的箱子白色背景,所以我這樣做:

<div id="somecontainer"> 
    ... the code above 
</div> 

我也試過

<div class="grid_4"> 
    ... the code above 
</div> 

但這不起作用。如果上述工作過,我想添加這個樣式:

#somecontainer{ 
    background:white; 
    overflow:auto; /* I added this but not difference */ 
} 

我希望你能幫助我解決這個問題

感謝

回答

1

嘗試這個

#somecontainer{ 
    width:960px; /* or 100% */ 
    background:white; 
    overflow:hidden; /* I added this but not difference */ 
} 
+0

感謝,如果是可能爲您解釋「溢出:隱藏」與「溢出:自動」之間的差異(或重要性)那真是太好了 - 只是這樣我才能把它放在頭上。但是,再次感謝 – aurel 2011-05-19 15:45:18

+0

overflow:hidden隱藏了流出元素的所有內容 - overflow:auto不會隱藏流出元素的內容,而是創建一個滾動條,以便您能夠看到溢出的內容在瞭解更多關於此的信息時,我建議您訪問這些網站以獲得更好的參考。 http://www.w3schools.com/Css/pr_pos_overflow.asp | http://colinaarts.com/articles/the-magic-of-overflow-hidden/ – breezy 2011-05-19 15:48:48

+0

很感謝很多 – aurel 2011-05-19 15:54:29