html 中<ul>不占空间,css – UL占用全宽而不设置宽度

我希望UL的宽度与li中最长的文本相匹配,但是如果我没有为我的ul设置宽度(目前为28.5％),它只需占用100％.尝试过使用max-width,但也失败了.

码：

• Link

• Link2

CSS：

ul.nav-shop {

width: 28.5%;

background: #15a2e7;

min-height: 38em;

margin: -11px;

}

li.nav-shop-sub {

padding-left: .83333em;

display: block;

float: left;

margin-top: 20px;

margin-bottom: -25px;

width: 96%;

}

li.nav-shop-sub:hover {

background: #f2f2f2!important;

}

li.nav-shop-sub:hover a {

color: #2980b9!important;

}

li.nav-shop-sub>a {

border-bottom: 1px dotted #999;

display: inline-block!important;

font-size: 1.1667em;

line-height: 1.429;

margin: -1px;

padding: .42857em .28571em .57143em!important;

position: relative!important;

width: 100%;

color: #ffffff!important;

}

div.grid.nav-shop-wrapper.has-product-noms::before, ul.grid-item.list-stacked.link-list::before {

display: table;

content: "";

}

ul.grid-item.list-stacked.link-list::after, div.grid.nav-shop-wrapper.has-product-noms::after {

clear: both;

display: table;

content: "";

}

请注意,这是原始CSS.尝试删除宽度的所有提及,但同样的事情发生.