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
.. ..
應該可以應該看的懂吧
不過設定定寬還是看你了