CSS 实现独享一行,又不完全 100% 占有行

作者:vkvi 来源:千一网络(原创) 日期:2020-5-14

我们希望两个 div 一人占一行,这个很简单,默认就是的。

但是由于我们又要给 div 做背景,我们又希望背景仅占内容宽度,即 div 宽度又不能 100%,而是随内容自动。

首先想到的是使用 display:inline-block;,不过我错了,inline-block,虽然能保障 margin、padding 生效,也能保障宽度随内容自动,但是不能保障独享一行。

所以使用 float + clear。

 

相关文章
文章评论