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

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

求大神指點哪里錯了,顯示效果略奇怪。。。

<title>三列特殊布局</title>

<!--左右兩板塊邊大小固定,中間板塊隨窗口大小改變而變化-->

<style type="text/css">

body{margin:0;padding:0;font-weight:bold}

<!--兩邊固定所以需用絕對定位-->

.left{width:100px;position:absolute;height:500px;background:#FCC;left:0;top:0}

.right{width:200px;position:absolute;height:500px;background:#9C9;right:0;top:0}

<!--中間浮動自定義-->

.middle{height:500px;background:#C99;margin:0 300px 0 150px}

</style>

</head>

<body>

<div class="left">left</div>

<div class="middle">middle</div>

<div class="right">right</div>

</body>

</html>

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


正在回答

2 回答

你的CSS里面的注釋出了問題,<!--?-->是HTML注釋,CSS注釋需要用到/**/,??!

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

你的middle那塊margin應該是 margin:0 100px 0 200px;? 這樣。 如果要有空隙在加上空隙寬。

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

Roadlulu 提問者

left{width:100px;} right:{width:200px;} 之所以寫margin:0 300px 0 150px 是想與右邊的塊相隔100px 與左邊的塊相隔50px,margin后跟的四個間距不是分別表示上間距,右間距,下間距,左間距么?
2016-01-24 回復 有任何疑惑可以回復我~

舉報

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

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

進入課程

求大神指點哪里錯了,顯示效果略奇怪。。。

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

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

幫助反饋 APP下載

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

公眾號

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