[問題] Padding與Width
<div class="main" style="width:800px">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
我希望裡面的四個div可以橫向排列，而且寬度都是25%
我下
.main > div
{
width:25%;
display:inline-block;
}
這樣沒問題
但是當我同時希望四個div可以有padding的時候
.main > div
{
width:25%;
display:inline-block;
padding:10px;
}
padding的寬度似乎會算進去width，使得總寬度變成 25% + 20
因此造成換行
請問這個問題該怎麼解決呢?
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 111.249.148.232
→
11/12 03:49, , 1F
11/12 03:49, 1F
→
11/12 10:08, , 2F
11/12 10:08, 2F
→
11/12 13:20, , 3F
11/12 13:20, 3F
→
11/12 13:21, , 4F
11/12 13:21, 4F
→
11/12 17:54, , 5F
11/12 17:54, 5F
推
11/13 22:39, , 6F
11/13 22:39, 6F
→
11/13 22:40, , 7F
11/13 22:40, 7F
→
11/13 22:40, , 8F
11/13 22:40, 8F