上次分享了《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
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
