css的高度百分比没有效果，css高度宽度

CSS如何操作height:100%;使其发挥作用

1、按常理，当我们用CSS的height属性定义一个元素的高度时，这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如，如果一个p元素的CSS是height： 100px；，那它应该在页面的竖向空间里占满100px的高度。

2、先给父级设置宽度（像素）然后再子里，设置百分比，如图示。代码原件： 复制到之间使用即可。

3、输入position：fixed； top： 0； left： 0；使整个div固定在屏幕的最上方和最左方。

4、具体步骤如下：输入position：fixed； top： 0； left： 0；使整个div固定在屏幕的最上方和最左方。

相关问答

Q1: 为什么在CSS中设置div的高度为50%,在代码···里显示不出来效果呢...

1、css+div，嘿嘿，在高度上，你早点忘记百分百这个单位吧。

2、也许是你css引用的路径不对，或者你把css样式放到html文件中去，看看样式真否能出来。如果出不来那就是你css有错误了，浏览器无法继续执行下去。

3、或者问题为如何设置div高度等于视口高度。前端高度问题一直是个坑，只要是子元素的排版一定要求要有宽高，但是body没有宽高这种说法。你还不能给它固定设置，因为不同屏幕的宽高不一样，只能用JavaScript获取宽高设置。

4、方法一：使用绝对布局位置：absolutefordiv并设置top、left、right、bottom的值相等，但不一定都等于0；并设置边距：自动。方法二：这个方法需要知道div的宽度和高度。

5、高度设置auto 。里层就不要设置区块了 直接加入内容 那么外层的区块就会随着里面的长度而变长。可以在里面的div加点东西，才会有效果。最好的测试，在你的css里，加入 border：1px solid black；显示一下div的边框。

Q2: CSS百分比定义高度为什么没有效果

如果父元素没有指定高度，那么子元素的百分比的高度设置了也没用。

看在哪些元素了。如果定义在行元素上 这本身是无法定义宽高的 等，要看据体的 出现场景 关注web前端：7天可以100%还原网页模块。

因为页面并没有缺省的高度值，所以当你让一个元素的高度设定为百分比，无法获取到父级的高度，自然也无法计算自己的高度。

如果按照1的写法还是无法设置div高度，原因可能就是父容器没有设置高度，这个算法一定要在父容器有高度的情况下才能生效。

页面的高度根本就无需考虑。因为页面并没有缺省的高度值，所以，当你让一个元素的高度设定为百分比高度时，无法根据获取父元素的高度，也就无法计算自己的高度。

是起作用的！用百分比做属性值时，一定要注意的是：百分比是相对于其父级元素的。你的这个就现对于：的高度了。可以通过下面三个图，对比下，也很好理解，三个图的div高度分别设置的是50%，100%，100px。

Q3: 在css设置高度height:100%滚动条不出来,设置具体好使

按照常理，当我们用CSS的height属性定义一个元素的高度时，这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如，如果一个div元素的CSS是height：100px；，那它应该在页面的竖向空间里占满100px的高度。

cssheight后不能垂直滚动是设置问题。根据查询相关资料显示，在前端浏览器的页面加滚动条时，想要设置高度百分之百，之后垂直滚动条不出来，而设置px却好使。

首先，在html中，小编我用到了两个p元素，并且它们都用到了ID哦。然后我们设置content的高度非常高，这样就会产生滚动条啦。然后设置gotop，让它固定不变的在右下角，哈哈，返回顶部一般都是在右下角的。

css的高度百分比没有效果的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css高度宽度、css的高度百分比没有效果的信息别忘了在本站进行查找喔。