当前位置：首页 → 问答吧 → ie为什么会这样???

ie为什么会这样???

时间：2011-05-04

来源：互联网

如题！！！
还有 content 为什么没有被撑开呢？？？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> <style> body,div,ul,li{ margin:0; padding:0;} ul,li{ list-style:none;} body{ font-size:12px; color:#000000;} #content{ width: 960px; margin: 100px auto; background-color: #000000; } #left { width: 350px; float: left; margin: 15px 10px; background-color: #cccccc; height: 300px; } #center{ width: 350px; float: left; height: 300px; margin: 15px 10px; background-color: #00ff00; } #right{ width: 200px; height: 300px; float: right; margin: 15px 10px; background-color: #ffcccc; } </style> </head> <body> <div id="content"> <div id="left"></div> <div id="center"></div> <div id="right"> </div> <br style=" clear: both" /> </div> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 shixianlixiang 于 2011-5-4 10:47 编辑 ]

作者: shixianlixiang 发布时间: 2011-05-04

至少你<br stylr=" clear: both" />里的style拼错了

作者: devillq 发布时间: 2011-05-04

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> <style> body,div,ul,li{ margin:0; padding:0;} ul,li{ list-style:none;} body{ font-size:12px; color:#000000;} #content{ width: 960px; margin: 100px auto; background-color: #000000; overflow:hidden; } #left { width: 350px; float: left; margin: 15px 10px; background-color: #cccccc; height: 300px; } #center{ width: 350px; float: left; height: 300px; margin: 15px 10px; background-color: #00ff00; } #right{ width: 200px; height: 300px; float: right; margin: 15px 10px; background-color: #ffcccc; } </style> </head> <body> <div id="content"> <div id="left"></div> <div id="center"></div> <div id="right"> </div> <br stylr=" clear: both" /> </div> </body> </html>
提示：您可以先修改部分代码再运行

给 #content 加上 overflow:hidden, 用于清除浮动

作者: winnersong 发布时间: 2011-05-04

谢谢楼上的清楚浮动问题已经解决现在主要是 ie6 中的问题 div的宽度比火狐要大啊？？？

作者: shixianlixiang 发布时间: 2011-05-04