Tình hình là thẻ DIV nếu ko fix chiều rộng cố định nó sẽ tràn như 100%. Nhưng nếu fix chiều rộng cố định như trường hợp trên thì bất tiện như ví dụ dưới đây.
 
1. Chiều rộng mặc định:
HTML:
<div clas="giancon"><img src="... /></div>
 
CSS:
.giancon
{
 border: 3px solid blue;
 padding:10px;
}
 
2. Chiều rộng cố định:
HTML:
<div clas="giancon"><img src="... /></div>
 
CSS:
.giancon
{
width:100px;
padding:10px;
border: 3px solid blue;
}

Mình thêm thuộc tính display: table; ko cần fix chiều rộng.

Lúc này ví dụ trên có thể viết như sau:
 
3. Chiều rộng tự co giản theo nội dung:
HTML:
<div clas="giancon"><img src="... /></div>
 
CSS:
.giancon
{
display:table;
*float:left; /* IE7 trở về trước;
padding:10px;
border: 3px solid blue;
}