box4的高度为什么不等于200px?子元素的宽度和高度在没有设定的情况下不是默认100%父元素吗?

12-9案例:
#box3{

   width:200px;

    height:200px;

    position:relative;       }

#box4{

   width:99%;

 position:absolute;

left:200px;

   top:0px;}

</style>

</head>

<body>

<div id="box3">

    <img src="http://img.mukewang.com/541a7d8a00018cf102000200.jpg">

    <div id="box4">当我还是三年级的学生时是一个害羞的小女生。**********************************************<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></div>

http://img.mukewang.com/57ca42d500018e9005950306.jpg

发现box3的宽度是99%不会变了;而高度是随着内容的变化而变化。问题:子元素的宽度和高度默认能否继承父元素的宽和高?如果要修改子元素的宽和高,应该如何改?只能以百分比的形式吗?

慕粉3827672
浏览 1251回答 2
2回答

sweetlove

/*下面是任务部分*/#box3{    width:200px;    height:200px;    position:relative;       }#box4{    width:99%;    position:absolute;  top:200px; left:0px;  }
打开App,查看更多内容
随时随地看视频慕课网APP