這個問題在這里已經有了答案： 顯示帶有邊距的 div 寬度 100% （6 個回答） 5 小時前關閉。
似乎無論我如何具體定義元素寬度，它都會溢位檔案。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
...
<body>
<div id="navbar">
<div id="navbar-options">
<div class="navbar-option"><a class="navbar-option-link" href="/home">Home</a></div>
<div class="navbar-option"><a class="navbar-option-link" href="/news">Newsfeed</a></div>
<div class="navbar-option"><a class="navbar-option-link" href="/societies">Societies</a></div>
</div>
</div>
<div id="title-box">
<h1 id="title">Students Of Westminster</h1>
</div>
</body>
* {
margin: 0;
padding: 0;
}
#navbar {
width: 100vw;
max-width: 100%;
min-height: 2.5vw;
display: flex;
margin: .5rem;
}
導航欄溢位，由水平滾動條指示
即使使用此代碼，我的導航欄也會溢位 X 軸，即使滾動到最后，我也看不到它的邊距設定在最右側，我該如何解決這個問題？
uj5u.com熱心網友回復：
當您描述width并且margin總寬度將是寬度 邊距。
如果您希望元素具有完整的視口寬度，包括元素邊距，則可以使用calc洗掉 2 * 邊距。
* {
margin: 0;
padding: 0;
}
#navbar {
width: calc(100vw - 1rem);
max-width: 100%;
min-height: 2.5vw;
display: flex;
margin: .5rem;
background: red;
}<div id="navbar"></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/389257.html
上一篇：16x16網格無法正確顯示