让div宽度自适应教学

我们都知道，在css布局时，在不对div设置任何样式时，div独占一行默认CSS样式为100%宽度，那么我们这次教大家怎么实现DIV宽度自适应但宽度从零随内容增加而宽度增加？而非一开始即宽度全屏100%宽的方法

解决方法：

使用CSS float即可让div默认100%自适应宽度变成宽从零开始自适应宽度效果。

css实现div宽度从零开始小案例

1、完整HTML+CSS代码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>小实例</title> 
<style> 
.case{ float:left} 
</style> 
</head> 
<body> 
<div>未设置float内容一</div> 
<div>未设置float内容二</div> 
<div class="case">加float样式的内容三</div> 
<div class="case">对其加float样式的内容四</div> 
</body> 
</html>