萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 如何處理div+css布局左右浮動問題
如何處理div+css布局左右浮動問題
上次分享了《DIV+CSS網頁設計制作頁面布局技巧分享！》，相信我們對網頁布局技巧方面已經有所了解，其實在我們進行div+css網頁布局時，還會出現css布局左右出現浮動的問題。這裡就在分享下如何處理div+css布局左右浮動問題。
先看以下代碼片段：
css代碼：
#left{ float:left;width:200px;}
#right{ float:right;width:８00px;}
頁面代碼：
<body>
<div id="content">
<div id="left">左邊一欄</div>
<div id="right">右邊一欄</div>
</div>
</body>
這是我們css書寫使用最常用的代碼來進行左右布局。css的書寫還有其它的方式，如左側固定好寬度右側自動適應。
左側固定好寬度右側自動適應css代碼：
#left{float:left; width:200px;}
#right{margin-left:200px;}
上面css的書寫是最標准的css的書寫，如果在以上的基礎上書寫的css代碼而出現了左右浮動的現象，那就需要檢查左右側裡面的代碼是否書寫規范，</div>此div結尾代碼是否多寫或少寫而導致的。我們只需要注意以上情況，基本就可以解決好div+css布局左右浮動問題了。轉載請注明：http://www.ommclean.com
- 上一頁:html空格代碼
- 下一頁:用css控制標題字符溢出,用省略號表示
DivCSS教程排行
程序編程推薦
相關文章
圖片文章
copyright © 萬盛學電腦網 all rights reserved