Css 包含ul列表的Div的宽度不为100%,它';s继承较短的ul的宽度

Css 包含ul列表的Div的宽度不为100%,它';s继承较短的ul的宽度,css,Css,我正在尝试做一个链接列表,一行6个链接 问题是我不知道会有多少链接。可能只有2或25个 请看看这个 我肯定是css出了问题,因为: 例如,如果只有3个链接,.toplistdiv的边框没有覆盖wrapdiv的整个长度 另外,在出现新行之前,我不能让两个以上的div对齐 这并不重要,但在IE6中,即使我使用overlow:auto我也看不到ul的背景(如果我设置了背景),而且,如果我为ul设置了边距底部,我也看不到背景 关于css有什么问题吗 Ty我对你原来的小提琴做了一些改动。看看这个: .wr

我正在尝试做一个链接列表,一行6个链接

问题是我不知道会有多少链接。可能只有2或25个

请看看这个

我肯定是css出了问题,因为:

  • 例如,如果只有3个链接,.toplistdiv的边框没有覆盖wrapdiv的整个长度

  • 另外,在出现新行之前,我不能让两个以上的div对齐

  • 这并不重要,但在IE6中,即使我使用overlow:auto我也看不到ul的背景(如果我设置了背景),而且,如果我为ul设置了边距底部,我也看不到背景

  • 关于css有什么问题吗


    Ty

    我对你原来的小提琴做了一些改动。看看这个:

    .wrap {
    width:960px; 
    margin:0 auto;
    border:1px solid #000
    }
    
    .toplist {
    border:1px solid #0f6;
    padding:0 0 0.5em 1em
    }
    
    .toplist ul {
    list-style:none;
    overflow:hidden;
    margin:0;
    padding:0;
    }
    .toplist ul li {
    float:left;    
    width:15%;
    margin-right:1em;
    line-height:1.4em;
    border-bottom:solid 1px #222;
    }
    .toplist ul li a, .toplist ul li .cat {
    display:block;
    font-size:0.7em;
    }
    
    .content{
    background-color:#FF2E2E;
    color:#FFF;
    margin-top:100px;
    heyight:40px
    }​
    

    希望这能奏效。:)它也适用于IE 6:)

    太多了,包裹,是px还是em重要吗?我看到你把像素放进去了。基本上,我看到你把li的长度改成了%。为什么?另外,我真的需要toplist的绝对位置。因为,百分比是基于布局,而不是文本大小。知道了?最好坚持页面的布局。i、 例如,屏幕分辨率而不是文本大小,因为有些人可能会使用更大的屏幕。嘿,我也用IE 6检查过了!:)如果对你有帮助,请记下我的答案!:)我会的,现在测试它,但它似乎不起作用,我认为这是因为我必须保持.toplist div的绝对位置。好的,如果你需要div的绝对位置,那么给出
    宽度:100%并将
    边距:auto
    指定给
    .toplist ul
    ,固定宽度为
    980px
    。试着让我知道!它在IE 6中工作对于
    div.toplist
    position:absolute
    ,您已将.toplist的位置设置为absolute。如果你不那样做,你会没事的。toplist{/*位置:绝对;*/top:0;z索引:10;边框:1px实心#0f6;填充:0.5em 1em}是的,但我需要它。排行榜必须有这个位置。有什么解决方法吗?使用上边距、左边距等,不管怎样,使用绝对位置通常是个坏主意。