div如何设置100%的高啊

佚名 2023-08-23 15:02:01 举报

篇首语：本文由小编为大家整理，主要介绍了p如何设置100%的高啊相关的知识，希望对你有一定的参考价值。

CSS想让一个元素的百分比高度height: 100%;起作用，需要给这个元素的所有父元素的高度设定一个有效值。如下所示就可以让p高度为100%了：

<html >

这样这个p的高度就会100%了

在使用height: 100%;时需要注意的一些事项
1、Margins 和 padding 会让你的页面出现滚动条，也许这是你不希望的。
2、如果你的元素实际高度大于你设定的百分比高度，那元素的高度会自动扩展。

参考技术A 先设置html及body的CSS的高，分别为height:100%
如下：
html,bodyheight:100%;margin:0px;
或
htmlheight:100%;
bodyheight:100%;margin:0px;
后面的高为100%才有效：

或

参考技术B 要达到100%高度，父级元素必须要有高度。
例如要做一个和浏览器等高等宽的p，可以这么写：
html,body height:100%;
p background-color:red; width:100%; height:100%; 参考技术C 1. 如果html前面加上了标签，则在style里面写height:100%,就不起作用，这种情况下只能写具体的高度值，可以取屏幕的高度：
var bh=$(document.body).height();

2. 没有标签，可以直接写

; 参考技术D

css怎么使一个p的高随另一个p的高的变化而变化，还有就是怎么使第三个p的位置随它们的高度而变化。

感觉有点没说清。大家可以参见3w.smosz.cn/mosco/(3w变www)。有一个大p，里面有左右下三个p,左边的p的高度随内容的变化而变化（已实现），现在要右边的p的高随左边的变化而变化，同时下面的p的位置在上面p的高度变化后也自动往下变。试了好多方法了，都不行啊！难点：本站已有布局，不能打破原布局。位置的那一个好像要p全是position:static就可以了，但是因美观所以position只能是absolute。当然所谓的美观就是网站现在的样子，如果有其它方法可以实现的也是可以的。求帮助。解决了再加30分。
再帮忙看一下吧。

最常用的办法是：把你

的背景颜色改成与此p的父级p的背景颜色一样，这样一来，

跟父级p的颜色融为一体，就算

高度固定，也看不出其高度会不会变化。这是大部分使用边侧菜单的网页常用的方法。要这么做，你的HTML代码只需要加上一个p，其它不变，修改如下：

/* 加上这个p，把6 7 8 9 10p 包起来 */

CSS代码其他不变，只用以下代码清单更换你相应部分：

#Layercontent
position:absolute;
margin-top:152px;
margin-left:21px;
width:858px;
background-color: #cccccc;       /* 设置大背景颜色 */

#Layer6
float: left;
border-right: 1px solid rgb(120, 120, 120);
width:615px;
height:auto!important;
_height:625px;
min-height:625px;
z-index:7;
background-color: #cccccc;

#Layer7
float: right;
height:auto!important;
_height:625px;
min-height:625px;
width:234px;
z-index:7;
background-color: #cccccc;  /* 设置此p背景颜色与大背景颜色一样 */

#Layer10
float: left;
margin-top: 1.5em;
width:858px;
height:88px;
text-align: center;
line-height:44px;
background-color: #cccccc;

颜色都可以修改，只需保证#Layer7与#Layercontent背景颜色一样，这样看起来#Layer7就像自动增加高度。

参考技术A 容器用height:auto;
左边，也用auto;右边用100%就可以了，

比如左边的auto会随内容高而高，然后外面容器层也会随着左边，或者右边高而高，，，

那么，右边的100%，就是相对于容器的高度，所以。就OK了。。。。

举个粟子：