div使用display-inline-block引起的问题

时间：2023-04-05 00:35:28 HTML5

使用display:inline-block引起的问题给两个div设置了display:inline-block，还控制了两个div的长度，但是两个div不在同一行示例：---divsection---

---css部分---#div0{width:300px;高度：300px；背景：伯莱伍德；}#div1{宽度：150px;高度：150px；显示：内联块；背景：橙色；高度：150px；显示：内联块；背景：天蓝色；}结果是这样的：解决方法：给父元素div0加上font-size:0，让两个元素走到一起（需要在子元素-size的font-size中重新设置font）#div0{width:300px;高度：300px；背景：伯莱伍德；字体大小：0；}结果：问题解决如果两者在同一行但不对齐，设置两个divvertical-align:top即可