亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

javascript - 右列定寬,左列自適應(yīng)且有最小寬度
phpcn_u1582
phpcn_u1582 2017-05-31 10:39:00
0
3
1084

右列定寬,左列自適應(yīng),但當視窗縮到一定程度,讓左列不再變小。我要實現(xiàn)這個效果,怎麼佈局?

phpcn_u1582
phpcn_u1582

全部回覆(3)
phpcn_u1582

你這左列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è)定定寬還是看你了

flex其實用比例更好??
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板