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

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

大家不覺得這道題有問題嗎？

?left為200px不變，右側為繼承父元素的100%，導致瀏覽器下面有橫向的滾動欄

正在回答

4 回答

代碼是這樣滴，就是有橫向滾動條了

.top{width:100%;height:100px;background:#ccc;margin:0 auto;}
.main{width:100%;height:600px;background:#fc0300;margin:0 auto;}
.left{width:200px;height:600px;background:#0000fe;}
.right{width:100%;height:600px;background:#9acc99;margin-left:210px;position:absolute;}
.foot{width:100%;height:50px;background:#ff6634;clear:both;}

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

茶杯養鯨魚

寬度已經100%了，就不需要再設置居中了吧
2017-06-03 回復 有任何疑惑可以回復我~
#2

小湖南工程師

.main沒有設置相對定位
2017-07-17 回復 有任何疑惑可以回復我~

我也發現這個問題了，而且橫像滾動條往右拉，foot的寬度和rigth的寬度不匹配。上面的解釋根本和問題不符嘛

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

沒有滾動條(即使加上overflow)，不設置margin-left就有部分重疊，因為右側默認與父容器等寬，換句話說，如果有滾動條，左側你拉動的距離就是右側盒子與父容器的寬差，就不滿足等寬了

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

right并不是繼承父元素的100%，有margin-left屬性，題意是說窗口改變時，只改變right的寬度,left不變

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

舉報

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

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

進入課程

大家不覺得這道題有問題嗎？

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

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

 幫助反饋 APP下載

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

 公眾號

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