我有一個問題，container如果可能的話，我希望我的寬度為 950px - 但是如果調整視窗大小，那么它會相應地減小到視窗的大小，目前如果調整視窗大小，它需要水平滾動才能看到整個wrapper& container- 我錯過了什么？
.wrapper {
max-width: 950px;
margin-right: 32px;
}
.container {
background-color: teal;
padding: 48px 64px 48px 64px;
border: 1px solid grey;
width: 100%;
min-height: 414px;
}<div class="wrapper">
<div class="container"></div>
</div> uj5u.com熱心網友回復：
添加box-sizing: border-box;以包含padding在寬度中，否則將添加到 100%，從而超過父寬度。
.wrapper {
max-width: 950px;
margin-right: 32px;
}
.container {
box-sizing: border-box;
background-color: teal;
padding: 48px 64px 48px 64px;
border: 1px solid grey;
width: 100%;
min-height: 414px;
}<div class="wrapper">
<div class="container"></div>
</div>uj5u.com熱心網友回復：
您需要為此結合%-based width和pixel-based max-width，試試這個：
.wrapper {
width: 90%;
max-width: 950px;
margin: 0 5%;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/348957.html
上一篇：根據React中的url切換類