首页 > 解决方案 > 带有wordpress页面的div上的响应高度

问题描述

我如何制作一个 div 来显示 wordpress page.php 中的内容以响应 Wordpress 页面高度。这是我在我的网站上显示页面的方式。

<?php 
        while(have_posts()) {
            the_post(); ?>
    <div class="page-content">
        <h1> <?php the_title(); ?> </h1>


        <?php the_content(); ?>
    </div>

和CSS:

.page-content {
    display: inline-block;
    width: 70%;
    height: 135vh;
    border: 1px black solid;
    margin-left: 5%;
    padding: 16px;
    background-color: white;
}

我可以使div的高度与wp页面上的高度相同吗?

标签: phphtmlcsswordpress

解决方案


要在页面中设置 div 的高度,请不要强制设置高度并添加

min-height : 100vh

据我了解


推荐阅读