国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - 右列定寬,左列自適應且有最小寬度

瀏覽:118日期:2022-12-02 09:13:36

問題描述

右列定寬,左列自適應,但當窗口縮到一定程度,讓左列不再變小。我要實現這個效果,怎么布局?

問題解答

回答1:

你這左列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你是要怎么呈現,我就直接用滾動條了

回答2:

<p class='wrapper'> <p class='left'></p> <p class='right'></p></p>.wrapper{ position:relative; height:auto; padding-right: 600px; min-width: 900px; -webkit-box-sizing:border-box ; box-sizing:border-box ;}.right{ position:absolute; right:0px; top:0px; width: 600px; min-height: 100%; height:auto; background: #000;}.left{ position: relative; background: #c0c0c0; height: 400px;}回答3:

.con(.l,.r).condisplay:flex;flex-wrap:nowrap;width:100%;height:xpx;.l.....r....應該可以 應該看的懂吧不過設置定寬還是看你了flex其實用比例更好

標簽: JavaScript
主站蜘蛛池模板: 免费播放欧美毛片欧美aaaaa | 中文字幕在线观看一区 | 久久精品国产欧美日韩亚洲 | 欧美精品亚洲一区二区在线播放 | 日本精品一区二区三区视频 | 国产一区二区在线视频播放 | 精品免费国产一区二区三区 | 国产欧美日韩图片一区二区 | 国产成人在线看 | 亚洲视频一区在线 | 一区二区三区免费 | 亚洲精品国产成人 | 国内精品伊人久久 | 日韩欧美一二区 | 在线亚视频| 麻豆69堂免费视频 | 国产成人福利视频网站 | 国产在线91精品天天更新 | 怡红院成人永久免费看 | 日韩欧美中文字幕在线视频 | 亚洲天堂一区二区 | 黄色免费在线观看视频 | 91国语精品自产拍在线观看一 | 亚洲深夜福利视频 | 在线观看黄网视频免费播放 | 久99久精品视频免费观看v | 久热国产在线视频 | 乱人伦中文视频在线观看免费 | 国产精品国产自线在线观看 | 精品伊人久久久久网站 | 国产精品久久久久亚洲 | 欧美白人猛性xxxxx交69 | 九九在线精品 | 国产精品毛片va一区二区三区 | 国产成人毛片亚洲精品不卡 | 免费观看日本视频 | 欧美一区三区 | 免费福利入口在线观看 | 国产中文字幕视频在线观看 | 免费国产a理论片 | 福利姬在线精品观看 |