html - 适合div的元素内容

我有一个div里面有很多ul ..我想要完美地适合它们..相同的高度，宽度，填充和d等。无论我在一个div中放了多少ul，如果有只有两个ul，如果我再添加一个，我希望它们也完全适合。可能吗？在设计上不是很好。

这是一个供您玩耍的小提琴：http://jsfiddle.net/SUBH3/104/

提前致谢。

最佳答案

使用dl dt使其适合。我现在无法打开jsfiddle.net，看看是否是您想要的：

<style>
#wrap{
    width:100%;
    padding:10px;
    background-color:blue;
}

dl{
    list-style-type:none;
    display:inline-block;

}

dd{
    float: left;
}
</style>
<div id = "wrap">
    <dl>
        <dd>
            <ul>
                <li>SampleContent1</li>
                <li>SampleContent2</li>
                <li>SampleContent3</li>
                <li>SampleContent4</li>
            </ul>
        </dd>
        <dd>
            <ul>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
            </ul>
        </dd>
        <dd>
            <ul>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
            </ul>
        </dd>
        <dd>
            <ul>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
            </ul>
        </dd>
        <dd>
            <ul>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
            </ul>
        </dd>
        <dd>
            <ul>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
            </ul>
        </dd>
        <dd>
            <ul>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
            </ul>
        </dd>
        <dd>
            <ul>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
            </ul>
        </dd>
        <dd>
            <ul>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
            </ul>
        </dd>
        <dd>
            <ul>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
                <li>SampleContent2</li>
            </ul>
        </dd>
    </dl>
</div>

关于html - 适合div的元素内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33163582/