84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
右列定寬，左列自適應，但當視窗縮到一定程度，讓左列不再變小。我要實現這個效果，怎麼佈局？
你這左列min-width：300px;當然不會再變小。其實最簡單的寫法是：
.left{ float:left; display:inline-block; ... } .right{ width: 600px; ... }
而且是這個問題嗎？怎麼沒看到問題呢？
後續：
.wrapper{ width:100%; position:relative; overflow: scroll; min-width: 900px; } .left{ min-width: 300px !important; position: absolute; right: 600px; background-color: yellow; height:500px; width: 100%; } .right{ width: 600px; height:500px; float: right; background-color: red; }
這樣應該滿足你的需求，但是也不知道最後小於900px你是要怎麼呈現，我就直接用滾動條了
雷雷
.con(.l,.r).condisplay:flex;flex-wrap:nowrap;width:100%;height:xpx;.l.....r.r.. ..應該可以應該看的懂吧不過設定定寬還是看你了
你這左列min-width：300px;當然不會再變小。其實最簡單的寫法是：
而且是這個問題嗎？怎麼沒看到問題呢？
後續：
這樣應該滿足你的需求，但是也不知道最後小於900px你是要怎麼呈現，我就直接用滾動條了
雷雷
.con(.l,.r)
flex其實用比例更好.con
display:flex;
flex-wrap:nowrap;
width:100%;
height:xpx;
.l
....
.r
.r
.. ..
應該可以應該看的懂吧
不過設定定寬還是看你了