为什么不能继承父节点的自动居中属性呢？-慕课网

首页课程实战体系课手记专栏慕课教程

为什么不能继承父节点的自动居中属性呢？

来源：3-3 企业网站制作之页面头部制作（二）

beiciye

2015-12-10 09:22

</div>

<img src="images/tel.jpg" alt="服务热线"/>24小时服务热线:123-456-789

</div>

</div>

</div>

.wrap{width: 1000px;margin:0 auto;}

.logo{background: white;height: 80px;width: 1000px;}

.logo_left{width:200px;float: left;}

.logo_right{width:300px;float: right;}

写回答关注

4回答

李晓健

2015-12-10 09:26:26

已采纳

父元素的居中是通过magin来实现的，margin属性默认是不被继承的

6 0

beiciy... 回复李晓健

非常感谢您耐心帮我解答。仔细定位了一下错误，出现在wrap中。无法设置宽度，高度。在下面贴出全部代码

2015-12-10 10:16:42

共 6 条回复 >
echo_kinchao

2015-12-10 12:28:58

他是块级元素 margin居中的这个不会继承

1 0

beiciy...

提问方式也有错误啦。。最后找到原因了谢谢啦

2015-12-10 13:24:20

共 1 条回复 >
beiciye

2015-12-10 10:17:35

<!DOCTYPE HTML>
<html>
<head>
<title>企业网站</title>
<meta http-equiv="Content-Type" Content="text" charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/mu.css">
<script type="text/javascript" src="js/setHomeSetFav.js" charset="gb2312" ></script>
</head>
<body>
<div class="top">
<div class="top_content">
<ul>
<li><a href="#">联系我们</a></li>
<li><a href="#" onclick="AddFavorite(window.location,document.title)">设为收藏</a></li>
<li><a href="#" onclick="SetHome(window.location)">设为首页</a></li>
</ul>
</div>
</div> 
<div class="no">
<div calss="wrap">
<div class="logo">
<div class="logo_left">
<img src="images/logo.jpg" alt="慕课网"/>
</div>
<div class="logo_right">
<img src="images/tel.jpg" alt="服务热线"/>24小时服务热线:123-456-789
</div>
</div>
</div> 
</div>
</body>
</html>

*{
margin: 0;padding: 0;font-size: 12px;
}
body{
background: #f5f5f5
}
.top{
width: 100%;height: 27px;background:url("../images/top_bg.jpg")0 0 repeat-x;
}
.top_content{width:1000px;margin:0 auto;}

.top_content ul li{list-style-image:url("../images/li_bg.gif");float:right;width:70px;line-height: 27px;}
a{text-decoration: none;color: #8e8e8e}
a:hover{color: #900};

.wrap{clear:both;width: 1000px;margin:0 auto;}

.logo{background: white;height: 80px;}
.logo_left{width:200px;float: left;}
.logo_right{width:300px;float: right;}

0 0
beiciye

2015-12-10 09:46:27

.wrap{width: 1000px;margin: 0 auto;}
.logo{background: white;height: 80px;}
不好意思，原本应该是这样，上面贴的有错误。 logo无法继承父元素wrap的宽度

0 0

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157043 学习 · 1984 问题

查看课程

相似问题

属性继承的问题

回答 2

子元素会自动继承父元素的宽高？

回答 1

为何news中的a标签继承了nav中a标签的属性

回答 2

文字居中设置什么属性啊？

回答 3

loading图片为什么会自动居中啊？

回答 2

打开慕课网App查看更多内容