float对齐问题_html/css_WEB-ITnose

<style type="text/css"><!--#content{width:1000px;margin:0 auto;clear:both;}.aaaa{width:745px;float:left;background-color:#0000FF;}.bbbb{width:745px;float:left;background-color: #00FF66;}.cccc{width:242px;float:left;background-color:#ff0000;}--></style><div id="content"><div class="aaaa">1111111</div><div class="bbbb">222222</div><div class="cccc">33333333</div></div>

cccc为什么不和aaaa对齐，而是和bbbb对齐了

回复讨论(解决方案)

坚决消灭零回复。

<div id="content"><div class="aaaa">1111111</div><div class="cccc">33333333</div><div class="bbbb">222222</div></div>

这样就可以了,

共1000px

共1000px   a占745px  b占745 c 占242   a 和b 不能占一行 因为没有足够的容间，所以b下来了，c不可能上到a对齐 所以和b对齐了