Question

我遇到了一个问题： HTML：

<div id="picture_buttons">
            <p class="images"></p>
            <p class="images"></p>
            <p class="images"></p>
            <p class="images"></p>
</div>

CSS：

#picture_buttons{
    width:74%;
    margin:20px auto 20px auto;
    overflow:auto;
    padding:2%;
    border:solid 1px white;
    text-align:center;
}
.images{
    width:34%;
    height:45%;
    float:left;
    display:inline-block;
    margin:6%;
    background-color:white;
}

现在我面临两个问题：首先，我无法在％中设置段落的高度。它只是没有显示任何东西，但如果我指定像素的大小，那么没有问题。第二，＆＃34;＃picture_buttons＆＃34;中的text-align:center;属性;不起作用。

请帮忙。

Answer 1

就百分比高度而言，您需要指定父元素的高度。

试试这个：

html, body { height: 100%; }
#picture-buttons { height: 100%; }

有关高度百分比如何工作的说明，请参阅我的答案：
Why is the 'height' property with percentage value not working on my div?

无法以百分比设置段落的高度

1 个答案: