允许元素水平浮出屏幕

Question

我在这里有点腌菜,我有6个<li>元素组<ul>.这是一个演示.我的目标是允许元素从页面右侧溢出,稍后我将使用javascript循环浏览它们.出于某种原因,无论我尝试什么,只需将其他元素向下推.我试过了:

float:left;

display:inline-block;

实际上每种风格的显示,也试过clear:both;我也尝试在div中设置列表并将宽度设置为荒谬的像素宽度,并希望将它正确地推离边缘但它什么也没做.

有任何想法吗？

我想尽量避免使用javascript解决方案,但欢迎一切.

注意:最终这些将超过20%的宽度,每个都<li>将跨越屏幕宽度并在jquery这样说时移动

Answer 1

您需要将您的宽度设置为固定宽度而不是20%,如果您将其设置为百分比,那么无论您的容器有多大,li都将是该宽度的20%.

还要确保li容器有足够大的宽度来容纳你的li

像这样的东西

http://jsbin.com/eyemaf/1/edit 希望这个链接有效我通常不会使用jsbin

.bodynavs{
    width:200px;
    min-height:100px;
    border:1px solid green;
}

#slideimages{
    list-style-type:none;
    padding:0;
    margin:0;
    overflow:hidden;
    width: 2000%;
}