当前位置：首页 → 问答吧 → 怎么设置一个横向滚动条，不设里边的宽，并且不让它换行？

怎么设置一个横向滚动条，不设里边的宽，并且不让它换行？

时间：2011-09-07

来源：互联网

<!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" /> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <title>134</title> <style type="text/css"> .list{width:400px;height:100px;border:1px blue solid;overflow-x:auto;overflow-y:hidden;} li{width:50px;height:50px;margin:5px;float:left;display:inline;background:red;} </style> </head> <body> <div class="list"> <ul class="clearfix"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: cslshuai2 发布时间: 2011-09-07

这个帮顶。。

作者: windy968 发布时间: 2011-09-07

现在如果要是设置ul的宽大于.list的宽就会出滚动条，但是我不想设UL的宽，求CSS达人帮忙解决。有什么办法可以不设UL的宽就出横向滚动条

作者: cslshuai2 发布时间: 2011-09-07

我里边li的宽度加起来已经大于.list的宽了，但是它自动换行了，就总小于里边的宽~

作者: cslshuai2 发布时间: 2011-09-07