右列定寬,左列自適應(yīng),但當視窗縮到一定程度,讓左列不再變小。我要實現(xiàn)這個效果,怎麼佈局?
你這左列min-width:300px;當然不會再變小。其實最簡單的寫法是:
.left{
float:left;
display:inline-block;
...
}
.right{
width: 600px;
...
}
而且是這個問題嗎?怎麼沒看到問題呢?
後續(xù):
.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;
}
這樣應(yīng)該滿足你的需求,但是也不知道最後小於900px你是要怎麼呈現(xiàn),我就直接用滾動條了
.con(.l,.r)
.con
display:flex;
flex-wrap:nowrap;
width:100%;
height:xpx;
.l
....
.r
.r
.. ..
應(yīng)該可以應(yīng)該看的懂吧
不過設(shè)定定寬還是看你了