块级元素随内容增大而增大增加：float:left

div {
border:1px solid red;
display:block;
height:30px;
float:left
}
</style>
<html>
<head><title></title></head>
<body>
<div>fddddddddddddddd</div>
</body>
</html>