亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

為什么沒有多出的10px，按理說藍色和綠色之間有10px的縫隙的，求大神指點？

http://img1.sycdn.imooc.com//56cc63d90001146007780460.jpg

左邊是代碼 ?右邊是效果圖

正在回答

4 回答

這個和margin-left：210px效果一樣的 ? 我寫的是這個

0 回復 有任何疑惑可以回復我~

我是把.main{background:red}然后.right{margin:0 0 0 210px}.因為left只有200px,這樣左右之間就有10px的紅色縫隙。

0 回復 有任何疑惑可以回復我~

http://img1.sycdn.imooc.com//56cc6d6200016e9207930170.jpg還是一樣

0 回復 有任何疑惑可以回復我~

你的right是百分之百你可以這樣寫

<!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>混合布局編程挑戰</title>

<style type="text/css">

body{ margin:0; padding:0; font-size:30px; color:#fff}

.top{height:150px;background:#999;}

.main{height:500px;background:red;}

.left{ width:300px;height:500px;background:blue;float:left}

.right{height:500px;width:1020px;background:#0F9;float:right;}

.foot{height:50px;background:#C30;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>


0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
如何用CSS進行網頁布局
  • 參與學習       209565    人
  • 解答問題       1206    個

用最簡潔的案例教你布局的那些知識，這是前端工程師基本技能

進入課程

為什么沒有多出的10px，按理說藍色和綠色之間有10px的縫隙的，求大神指點？

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號