为什么属性设置放置位置不同，就显示不出来了。
<html>
<head>
<meta charset="UTF-8">
<title>vertical-align</title>
<style type="text/css">
*{padding:0px;margin: 0px;}
.warp1{
height:80px;
width: 100%;
background-color: #14191e;
text-align:center;
line-height:80px;
/*vertical-align:middle; font-size:24px;
text-align:center;在此补充代码*/
}
.warp1 h1{ color:#fff;
/*在此补充代码*/ }
.warp2{
height:400px;
width: 100%;
border:1px #14191e solid;
display:table;
/*在此补充代码*/
}
.content{ text-align:left;
vertical-align:middle;
display:table-cell;
line-height:1.5em;font-size:14px;
}
.content p{width:500px;
font-family: "微软雅黑";
margin:0 auto;
/* vertical-align:middle;
display:table-cell;
/* 在此补充代码*/}
</style>
</head>
<body>
<div class="warp1">
<h1>欢迎来到慕课网</h1>
</div>
<div class="warp2">
<div class="content">
<p>慕课网，只学有用的！</p>
<p>慕课网（IMOOC）是IT技能学习平台。慕课网(IMOOC)提供了丰富的移动端开发、php开发、web前端、android开发以及html5等视频教程资源公开课。并且富有交互性及趣味性，你还可以和朋友一起编程。</p>
</div>
</div>
</body>
</html>
比如代码中，我把父元素(.content)里的属性放在子代（.content p）里效果就显示不出来了，同样我把子代里的属性放于父元素里，同样没有效果。子代不是对父元素有继承性吗？为什么不在（.wrap2）里设置content的属性，而是要嵌套一个<div class="content">,这几个关系有点转不过来，请各位高手指点迷津。
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星