回答
你可以做這樣的事情:
CSS:
.Footer_outer{
width: 980px;
border: 1px solid;
}
.Footer_inner_left{
width: 49%;
Float: left;
display:inline;
}
.Footer_inner_right{
width: 49%;
Float: right;
display:inline;
}
HTML:
<div class="Footer_outer">
<div class="Footer_inner_left">Copyright 2010 xyz.com </div>
<div class="Footer_inner_right">About us | privacy | terms </div>
</div>
在你的CSS:
#footerLeft { width: 47%; float: left; display: block; 50px;}
#footerRight { width: 47%; float: right; display: block; height: 50px; }
#footer { width: 100%; height: 100% width: 980px; }
HTML:
<div id="footer">
<div id="footerLeft">Copyright 2010 xyz.com</div>
<div id="footerRight">About Us | Privacy | terms </div>
</div>
退房http://www.blueprintcss.org/框架,它將使生活更輕鬆。
顯示:塊沒有必要,寬度:100%,其次是980px是多餘的,懷疑的高度:100%做任何事情。 – 2010-07-13 16:36:58
加上你不包含浮游物。 – 2010-07-13 16:39:11
正確 - 在#footer中不需要寬度:100% - 我應該在發佈之前進行校對。 – gnome 2010-07-13 16:39:21
CSS:
#footer { overflow:hidden; width:980px; margin:0 auto; }
#footer #copy { float:left; display:inline; width:490px; }
#footer #links { float:right; display:inline; width:490px; }
HTML:
<div id="footer"><div id="copy">copyr..</div><div id="links">blah</div></div>
- 1. 試圖創建兩個div
- 2. 安排兩個div在頁腳
- 3. 清除兩個浮動div的頁腳
- 4. 使用jquery在div上創建分頁?
- 5. 如何使用div創建頁面
- 6. 使用TCPDF 5.9創建HTML頁腳
- 7. SSRS創建郵件標籤在2列頁面上創建兩個頁面
- 8. 創建從兩個陣列
- 9. CSS使用div創建列布局
- 10. 創建連接兩個DIV的線
- 11. 創建兩個浮動div 100%高度
- 12. 使用浮動DIV創建兩個列窗體佈局,無法清除:在IE8
- 13. 頁腳div與其他兩個div重疊
- 14. 如何使用CSS創建兩列的頁面佈局?
- 15. 如何使用CSS創建兩列?
- 16. 使用兩個先前列表中的值創建新列表
- 17. 使用jQuery創建多個div盒子
- 18. 使用三個div來創建CSS
- 19. 使用循環創建一個div
- 20. 如何使用jQuery創建250個div?
- 21. 從兩個陣列創建陣列
- 22. SQL腳本創建兩個單獨的列
- 23. 爲什麼使用兩個堆棧來創建一個隊列?
- 24. 創建使用兩個或多個列表
- 25. 築巢Div的建立頁腳(已嘗試明確:兩者)
- 26. 如何使用兩個.cs文件創建頁面?
- 27. 使用css創建div
- 28. 創建兩個PDF頁面與Imagick
- 29. 網頁創建兩個資源
- 30. Rails:從兩個頁面創建
google for'兩列css佈局' – 2010-07-13 16:24:26
@meder:用於兩列css佈局的谷歌搜索提供了非常多的結果,其中很少有與頁腳有關的。首先在海報中提供一點誠意。 – jrista 2010-07-13 16:31:00
頁腳不是「特殊的」,它們就像任何其他元素一樣。它與包含content/sidebar列的包裝器沒有區別。 – 2010-07-13 16:34:19