我写了两个div,一个width是30%,左浮动,一个width 70%右浮动,在其他浏览器都可以(包括360兼容模式),
但在IE7下会根据我的我的F12工具栏的高度变化而出现换行,请问哪位知道原因。
<div class="form_group">
<div class="f_l t_r span3">
<span class="f_g_tit">
*姓名
</span>
</div>
<div class="f_r t_l span7">
<input type="text" class="span6" name="name_"/>
<span class="help_msg"></span>
</div>
</div>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
浮动了自然要清除浮动,content1与content2都放在同一个div里面浮动,不管content1和content2内容多少外层div的高度永远为0(标准情况下),ie6的hasLayOut属性会自动迫使外层div包容里面的内容,所以这里会看起来没有问题,hasLayOut其实是ie的一个备受诟病的属性,IE7以后已经有很大修正所以这里IE7conttent3不往下反而是正确的。 清除浮动的方法很多,楼上的方法比较直观,缺点是增加了多余html代码,另一种方式如下: #outer{ display:inline-block;//启动ie的hasLayOut属性 } #outer:after{//标准浏览器 content:'.'; display:block; height:0; clear:both; visibility:hidden } <div id="outer"> <div style="float:left">content1</div> <div style="float:right">content2</div> </div> <div class="bootom">content3</div>
“答案来源于网络,供您参考” 希望以上信息可以帮到您!