给div设置高度,为什么px起作用,%不起作用啊

给div设置高度,为什么px起作用,%不起作用啊

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

div{

width: 50%;

height: 50%;

background-color: red

}

/*div{

width: 50%;

height: 300px;

background-color: red

}*/

</style>

</head>

<body>

<div>test</div>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
樱桃小胖子 2017-09-24 15:29:27

因为你写100% 肯定是继承 inherit 父元素 所以要给父元素 加上高度。

  • 提问者 蜀山有雨 #1
    那width为什么可以用百分比,而不用设置父元素宽度
    2017-09-24 15:49:05
  • 樱桃小胖子 回复 提问者 蜀山有雨 #2
    css中width的百分比表示,指的是占据其父元素的百分比,如果你这个div的父元素是body的话,那么div的宽度就相当于在正常放大比例下body的宽度,也就是你说的浏览器宽度。一个对象高度是否可以使用百分比显示,取决于对象的父级对象,而浏览器在标准模式下,是没有给body一个高度属性的,因此当设置height:100%;时,不会产生任何效果(内容根据高度自适应)希望可以帮到你!
    2017-09-25 09:32:04
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师