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

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

關于三列布局的一些問題

body{margin:0;padding:0;font-size:?50px;}
.top{height:100px;background:green;}
.main{height:?400px;background:?red;}
.left{width:200px;height:?400px;background:?lime;position:absolute;left:?0;top:100px;}
.right{height:?400px;background:?maroon;margin-left:210px;}
.foot{height:100px;background:fuchsia;}

我這樣也是能到實踐的效果。但是為什么rigth{}里不用加right:0;top:100px?

正在回答

3 回答

"margin-left:210px;"可以使.right DIV右移210px,已達到實踐的效果.

position:abosolute;right:0;top:100px;也能達到同樣的效果.

要實現同一種效果,可能有好多種方式,選擇自己認為較優的即可.


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

咖啡學者 提問者

非常感謝!
2017-02-26 回復 有任何疑惑可以回復我~

你的.right又沒有使用絕對定位,為什么要加絕對定位的屬性呢?

1 回復 有任何疑惑可以回復我~
  1. top的默認值是0;

  2. margn-left:是右框到左邊的距離(左邊框寬度200px,中間留10px)

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

舉報

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

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

進入課程

關于三列布局的一些問題

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

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

幫助反饋 APP下載

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

公眾號

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