Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 强制水平列表100%宽度_Html_Css - Fatal编程技术网

Html 强制水平列表100%宽度

Html 强制水平列表100%宽度,html,css,Html,Css,我有自定义滑块坐在我的页面顶部,但我有一些问题。我希望列表项可以延伸到屏幕的宽度,但我在强制执行此操作时遇到问题,因为列表项显示在彼此下方。我已经将它们设置为浮动,列表周围有一个div,隐藏了一个溢出,但没有用 我希望当前幻灯片是屏幕的宽度,不管大小,可能最小宽度为960px HTML 试试这个… 添加一个css类,如下所示 .ul_class { margin: 0; padding: 0; list-style: none; float: left; }

我有自定义滑块坐在我的页面顶部,但我有一些问题。我希望列表项可以延伸到屏幕的宽度,但我在强制执行此操作时遇到问题,因为列表项显示在彼此下方。我已经将它们设置为浮动,列表周围有一个div,隐藏了一个溢出,但没有用

我希望当前幻灯片是屏幕的宽度,不管大小,可能最小宽度为960px

HTML

试试这个…
添加一个css类,如下所示

.ul_class {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}  
然后,将这个新类(
ul_类
)分配给您的
,如下所示

<ul class="ul_class">
    ...
    ...
    ...
</ul>  
    ... ... ...
希望这对你有帮助

.ul_class {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}  
<ul class="ul_class">
    ...
    ...
    ...
</ul>