在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 設(shè)置div最大寬度， 當寬度大于最大寬度時，則填充margin,可以用純css實

設(shè)置div最大寬度， 當寬度大于最大寬度時，則填充margin,可以用純css實現(xiàn)嗎？

clipboard.png

如圖，藍色div默認寬度為百分百， 當紅色寬度大于某個臨界值（比如紅色大于500px）時，則填充紅色div的padding，從而使藍色寬度保持不變， 可以用css來實現(xiàn)嗎？

<div id="a1">
    <div id="a2">
        
    </div>
</div>
#a1{
    width: 300px;
    border: 1px solid red;
    height: 20px;
    padding: 0 10px;
    box-sizing: border-box;
}

#a2{
    width: 100%;
    border: 1px solid blue;
    height: 10px;
}
回答
編輯回答
伴謊

實時設(shè)置css做不到或者說沒意義。

但是，

你可以媒體查詢啊

2017年12月17日 06:37
編輯回答
蟲児飛
#a1{
    width: 600px;
    border: 1px solid red;
    height: 20px;
    box-sizing: border-box;
}

#a2{
    width: 100%;
    max-width: 500px;
    border: 1px solid blue;
    height: 10px;
    margin: 0 auto;
}
2017年3月22日 11:03