                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /如何用CSS進行網頁布局

right{里面的width:100%}

right{里面的width:100%}這里什么效果啊父輩的100%？不加這個好像就實現不了呢

LioHD

2016-11-28

源自：如何用CSS進行網頁布局 5-3

關注問題我要回答

916

操作

收起

3 回答

人非草木
2016-11-28

通過看問答我發現了我的一些錯誤，width:100% 默認是父輩的100% 但是如果父輩使用默認的定位方式，里層的right使用了絕對定位，那么width:100%則變成了基于body的100%（這個也很容易理解：因為position:absolute是基于body元素來進行定位的，具體的大家可以看看這個博客http://www.lyblog.net/detail/286.html?）

另外，我發現為了讓right自適應而設置寬度100%，實際上right有一部分是溢出的（就是你在right里打字打的多的話，會有一部分顯示不出來），因為width:100%并不包含margin的屬性值，直接取其父容器的寬度加上含margin的值。所以right的寬度是大于瀏覽器的，而如果寫成width:auto，就不會有這個文檔溢出現象了，因為width:auto包含margin的屬性值。。。。（具體的大家可以看看這個博客http://blog.csdn.net/wgw335363240/article/details/7043861?）

花了一晚上搞清楚這些問題，媳婦還嫌我不陪她聊天，讓我跟電腦過去吧。。。

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

收起回答

人非草木

好吧，這些博客直接轉載鼠標單擊打不開的，復制到瀏覽器看吧

2016-11-28 回復有任何疑惑可以回復我~

人非草木
2016-11-28

方法很多，你看的是哪個？源代碼放出來分析一下

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

收起回答

LioHD 提問者

.main{background:red;height:500px;} .left{background:blue;width:200px;height:500px;position:absolute;} .right{background:green;height:500px;margin-left:210px;position:absolute;width:100%;} <div class="main"> <div class="right">ssss</div> <div class="left">left</div> </div>

2016-11-29 回復有任何疑惑可以回復我~