这就是问题。我有一个div,其中包含几段文字,然后是浮动的图像。图像应该是正确的,但是包含的div不会垂直扩展以适应图像。我知道我可以手动设置div的高度,但这会变得有问题,因为我想为我网站的每个页面使用相同的div,因此高度将需要不同。
以下是代码示例:
HTML
<div id="main_contentBox"> <h1 class="page"> The Event </h1> <img id="sample" src="sample.jpg"/> <p> stackoverflow is awesome!stackoverflow is awesome!stackoverflow is awesome!stackoverflow is awesome!stackoverflow is awesome!stackoverflow is awesome!stackoverflow is awesome!</p>
stackoverflow是真棒!stackoverflow是真棒!stackoverflow是真棒!stackoverflow是真棒!
CSS
#main_contentBox {width:918px; margin:10px auto; padding:10px 20px 20px 20px; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#000;} #main_contentBox img#sample {float:right;}
解决方法
原文地址:https://www.jb51.cc/html/233067.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。