gpt4 book ai didi

php - CSS 高度 100% 不起作用

转载 作者:行者123 更新时间:2023-11-28 11:50:52 25 4
gpt4 key购买 nike

好吧,我知道这已被问过一百万次,我已经看到一百万个关于 body 和 html 标签需要 100% 高度才能工作的答案,但我无法让这个东西工作。这是问题所在:

我需要我的 body 内部和侧边栏内容向下延伸以在另一个停止的地方与另一个相遇。我需要这个用于 wordpress 的动态页面。所以这是标题。

header.php

<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head>
<?php wp_head(); ?>
!!!!content cut to save space!!!!!
</head>

<body <?php body_class(); ?>>

<div id="site">

<div id="wrapper">

<!------break-from-header------>

<div id="wrapperbody">
<div id="bodyinside">

index.php 页面和 post.php 页面中任何有内容的页面都调用上面的页眉和下面的页脚。不言自明吧?

footer.php

                </div><!--body-inside-->
<div id="sidebar">

<?php get_sidebar(); ?>

<div id="sidebarlight">
</div>
</div>
</div><!--wrapper-body-->
</div><!--main-wrapper-->
<div id="footer-wrapper">
<div id="footer">

<div id="footer-nav">

<?php wp_nav_menu(array('theme_location' => 'footer-menu')); ?>

</div><!--footer-nav-->

<div id="copyright">

<p>Powered by: <a href="http://wordpress.org">WordPress</a> Copyright 2013</p>

</div><!--copyright-->

</div><!--footer-->

</div><!--footer-wrapper-->
</div>
</body>
</html>

最后是 css

/******************************Basic CSS**************************************/
html,
body {
background-image:url('http://patriotvoice.net/wp-content/uploads/2013/11/bg.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
color: #000;
font-family: 12pt/12pt 'Source Sans Pro', sans-serif;
height:100%
line-height: 100%;
margin: 0px auto;
padding: 0px;
}
/*********************************Wrappers********************************/
#site {
float: left;
width: 100%;
height: 100%
}
#wrapper {
height: 100%;
}
/*****************Main Body******************/
#wrapperbody {
display: block;
background: #ffffff;
padding-top: 70px;
width: 1100px;
height: 100%;
margin: auto;
}
#bodyinside {
display: inline;
background: #fff;
width:740px;
height: 100%;
float:left
}
/**************Sidebar******************/
#sidebar-wrapper {
display: inline;
background: #2E2E2E;
float: left;
position: relative;
width: 340px;
height: 100%;
}

我拿出了很多代码,但这是基本的东西。就像我说的那样,我需要内部的侧边栏和正文相互对齐。您可以看到内容延伸到侧边栏的位置,我需要灰色向下延伸以与此处的白色相遇 http://patriotvoice.net ..... 但我需要白色向下延伸到页面上的灰色 http://patriotvoice.net/news

最佳答案

我认为你应该对所有包装和内容使用 min-height:100%;,因为你给了 body 和 html 标签 height:100%;//抱歉,可能我没有很好地阅读你的问题,我正在更加努力地学习我的英语,但没有取得显着的成果

关于php - CSS 高度 100% 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20318771/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com