首页 > 其他 > 详细

height:100%无效

时间:2016-01-02 22:12:18      阅读:224      评论:0      收藏:0      [点我收藏+]
 
     <style type="text/css">
		body{
			margin:10px;
			font-family: Arial;
			font-size:13px;
		}
		#father{
			background-color:#a0c8ff;
			border:1px dashed #000000;
			width:100%;
			height:100%;
		}
		#block{
			background-color: #fff0ac;
			border:1p dashed #000000;
			padding:10px;
			position:absolute;
			left:20px;
			top:40px;
		}
	</style>
 
<div id="father">
<div id="block">absolute</div>

技术分享

height:100%没有将容器撑开。

解决办法:

html,body{/*必须要html和body同时设置height:100%*/
  margin:10px;
  font-family: Arial;
  font-size:13px;
  height:100%;
		}

技术分享


height:100%无效

原文:http://www.cnblogs.com/yee0403/p/5095228.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!