小弟自己在家看影片自学写网页,目前在切版1分2时碰到个问题。
先附上code:https://codepen.io/iampp0608/pen/Wjjoyv?editors=1100
看影片里在最后补上box-sizing : border-box;
下方两个div就会从上下两层变成左右并排,不过我加进去之后倒是都没改变,要把width改
成48%或49%才会有反应,只是就会变得很不工整,两个div会有留白。
蠢问题还请麻烦各位指导,谢谢!

inline-block左右两段div换行的话，有空白产生，注解掉

推楼上，或是用 float:left + clearfix 来解

用flex写： .bottom { height: 400px; display: flex; }.right, .left { height: 100px; flex-grow: 1; }

你搜"inline-block space"翻成白话是..inline-block的元素跟元素间会有间隙他用了一些小技巧去处理,类似的技巧有好几个,有些人直接用其他种排版方式去处理,因为inline-block其实跟一般人直觉反应预期的行为不一样,多了间隙

那个间隙真的很讨厌，如果你是排版魔人的话