为什么float:left;但是没有效果_html/css_WEB-ITnose
- WBOY原创
- 2016-06-24 11:42:351974浏览
今天才开始学习html的，但是float:left;却没有效果，不知道我是错哪 了。
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>css--4</title></head><style type="text/css">div.a{ background:##CCFFFF; width:100px; height:25px; border:5px 15px solid #CCFFCC; margin:1px 2px; text-align:center; color:#999999; font-size:15px; line-height:22px; font-weight:bold; float:left; } div.b{ background:#CCFFFF; width:1100px; height:25px; border:5px solid #CCFFCC; margin:1px 2px; }</style><body><div class="a">首页</div><div class="b"></div></body></html>
回复讨论(解决方案)
已浏览器为主
width:1100px; 这个不要
width:1100px; 这个不要
谢谢，确是去掉就好了，但是可以给我讲讲为什么去掉就好了么，我不太理解。。。
width:1100px; 这个不要
谢谢，确是去掉就好了，但是可以给我讲讲为什么去掉就好了么，我不太理解。。。
因为 display:block块的 width 属性的默认值是 auto 就是自动 撑满整行
float 会占用当前行 的一部分 后面一个blockl 如果是auto 那么会尽量在当前行撑满（如果内容宽度没有超出当前行的剩余部分）
上面说的很笼统
细节要自己去找找资料 实际比较复杂
width:1100px; 这个不要
谢谢，确是去掉就好了，但是可以给我讲讲为什么去掉就好了么，我不太理解。。。 谢谢了，我自己再看看，，，，
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn