Question

我正在尝试创建一个带有div的元素，div是一个稍小的盒子然后是外部，并使它看起来像一个带有外盒的边框......很难用语言表达。 div包含几个ul，我想保持64px的高度，我希望div也有一个设置的高度。然而，div似乎对我在css中设置的任何高度都没有反应，它只是想做自己想做的事情，而是决定它的高度应该基于其中有多少ul ..我希望有人可以解释什么事情继续下去，为什么它不遵守我的命令，并可能提供解决方案。

这是css：

#selectUnitScreen {
overflow: hidden;
min-width:390;
min-height:350;
left:5%;
top:5%;
bottom:5%;
right:5%;
padding:5%;
border-left: solid red 5px;
border-right:solid red 5px;
border-top: solid red 12px;
border-bottom: solid red 12px;
}

#selectUnitScreen ul {
height:64px;
}

#selectUnitScreen li {
font-size:25px;
padding-left: 5%;
display: inline-block;
}

#buildUnitScreen {
padding: 3px;
position: absolute;
z-index: 10;
border-radius: 2%;
border: 3px solid black;
width:400px;
height:470px;
background: white;
box-shadow: 4px 0px 2px 1px black;
left:260px;
top:200px;
}

和HTML：

<section id="buildUnitScreen">

<div id="selectUnitScreen">
    <ul id="build">
        <li class="name">

            infantry

        </li>
        <li class="cost">

            1000

        </li>
    </ul>
    <ul id="build">
        <li class="name">

            mechenized infantry

        </li>
        <li class="cost">

            3000

        </li>
    </ul>
</div>

jsfiddle：https://jsfiddle.net/FJV8b/

Answer 1

问题在于您没有设置min-height和min-width的单位。你说390和350但是那些是什么？ PX？否则忽略这些值。所以：

min-height:350px;

div不服从身高

1 个答案: