<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>混合布局編程挑戰(zhàn)</title><style type="text/css">.body{ margin:0; padding:0; font-size:30px; color:#fff}.top{background:#ccc;height:100px;margin:0 auto;}.main{background:red;height:400px;}.left{background:blue;height:400px;width:200px;float:left;}.right{background:green;height:400px;position:absolute;left:0;}.foot{background:orange;margin:0 auto;clear:both;}</style></head><body><div class="top">top</div><div class="main">? ? <div class="right">right</div>? ? <div class="left">left</div></div><div class="foot">foot</div></body></html>
為什么這個(gè)css布局練習(xí)的代碼在瀏覽器中body會(huì)有8px的margin，不是清零了嗎？
newsudhc3634140
2016-07-24 17:08:34
