§ ITPOW >> 文档 >> CSS

作者：vkvi 来源：ITPOW（原创） 日期：2020-5-14

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

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

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

所以使用 float + clear。

<style> div { float:left; clear:both; margin:5px; padding:5px; background:red; border-radius:5px; color:#fff; } </style> <div>www.itpow.com</div> <div>itpow.com</div>