我想将一幅图像和一幅图块并排成两行,
但是如果在图片上使用浮动,
它将超出那个大块的边界。
我不想增加大块的高度,
因为有时图像不会退出。
像这个链接:图像和(p1 + p2)放在一行中。
http://verygif.com/bbs/b/src/138002270032.jpg
抱歉,无法发布图片。
big_block {
border:2px solid #333;
}
<div class="big_block">
{if img exit }<img .... />{/if}
<p>sometext,sometext,sometext,sometext</p>
<p>fulltext,fulltext,fulltext,fulltext</p>
</div>
最佳答案
只需在父overflow: hidden;
容器上声明<div>
。这样可以清除浮动内容,并通过确保父母将段落和图片环绕起来,确保图片不会超出父母的边界。
在此处查看示例:http://jsfiddle.net/teddyrised/8aeAL/