当前位置：首页 → 问答吧 → 有什么办法可以让BOX仅成一行

有什么办法可以让BOX仅成一行

时间：2011-10-13

来源：互联网

让外面的大BOX的宽度自适应里面所有小BOX的总宽，但是只成一行。不自动换行。

<!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=utf-8" /> <title>无标题文档</title> <style type="text/css"> .box{width:200px; height:200px; border:1px solid #333; float:left; margin:10px;} </style> </head> <body> <div style="border:1px solid #333; padding:10px;"> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <br style=" clear:both;" /> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: sunritz 发布时间: 2011-10-13

float啊

作者: liangyan698 发布时间: 2011-10-13

好像html里面不能默然是被挤下来了

我现在的解决方法：
把哪些DIV全部放在一个最外边的容器里面然后给这个容器定义 width:100000px;

作者: key1105 发布时间: 2011-10-13

这样不行噢，外面BOX的宽度要自适应

作者: sunritz 发布时间: 2011-10-13

高度限死，再加overflow:hidden;

作者: adugmin 发布时间: 2011-10-13

css应该是做不到吧，不能用js吗？

作者: yangedie 发布时间: 2011-10-13