<html><head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
.box {background:gray;border:3px solid black;float:left;}
</style>
</head>
<body>
<div class="box">
<img src="http://i.stack.imgur.com/shWOu.jpg">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mattis ante ac sapien pellentesque vitae condimentum odio euismod. In purus nibh, ullamcorper in suscipit non, scelerisque eget sem. </p>
</div>
</body></html>正如您现在所看到的,带有黑色边框的框具有自动宽度,可根据内部内容进行调整.问题是我希望盒子的大小调整到里面图像的宽度.因此,如果图像的宽度类似于示例(红色框),则下方文本应停在蓝点标记处并向下移动到新行.
但是我该怎么做？