我们可以使用CSS float来设置div宽度随内容自适应，即可让div默认100%自适应宽度变成宽从零开始自适应宽度效果，像span初始宽度一样随内容增加而增宽。
请看下面实例：
<!DOCTYPE html>
<html>
<head>
< >css 实现div宽度随内容自适应</ >
<style>
.case{ float:left;margin-right:30px;}
</style>
</head>
<body>
<div>未设置float内容一</div>
<div>未设置float内容二</div>
<div class=\"case\">加float样式的内容三</div>
<div class=\"case\">对其加float样式的内容四</div>
</body>
</html>
注意：通过css对div设置float去掉了div默认全屏宽度样式，但一般要使用这样的从零开始自适应内容宽度的盒子，又不能使用float浮动样式时，通过我们使用span标签即可实现
继续阅读与本文标签相同的文章
-
辉煌的背后，华为何时补齐短板？任正非给出新目标
2026-05-14栏目： 教程
-
全球首条“5G自动微公交”示范线路乌镇开通
2026-05-14栏目： 教程
-
未来十年，最为吃香的4个大学专业，毕业后就是香饽饽！
2026-05-14栏目： 教程
-
还不会制作填充地图，试试这种方法，2分钟搞定，让你秒变大神
2026-05-14栏目： 教程
-
顺丰自研机器人惊艳亮相，化身“快递小哥”亮绝活，盯上万亿市场
2026-05-14栏目： 教程