為什么不能繼承父節(jié)點的自動居中屬性呢?
<div class="wrap">
? ? <div class="logo">
? ? <div class="logo_left">
? ? <img src="images/logo.jpg" alt="慕課網(wǎng)"/>
? ? </div>
? ? <div class="logo_right">
? ? <img src="images/tel.jpg" alt="服務(wù)熱線"/>24小時服務(wù)熱線:123-456-789
? ? </div>
? ? </div><!-- logo結(jié)束 -->
</div> <!-- wrap結(jié)束 -->
.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;}
2015-12-10
父元素的居中是通過magin來實現(xiàn)的,margin屬性默認是不被繼承的
2015-12-10
他是塊級元素 margin居中的 這個不會繼承
2015-12-10
<!DOCTYPE HTML>
<html>
<head>
<title>企業(yè)網(wǎng)站</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="#">聯(lián)系我們</a></li>
<li><a href="#" onclick="AddFavorite(window.location,document.title)">設(shè)為收藏</a></li>
<li><a href="#" onclick="SetHome(window.location)">設(shè)為首頁</a></li>
</ul>
</div>
</div> <!-- top結(jié)束 -->
<div class="no">
<div calss="wrap">
? ? <div class="logo">
? ? <div class="logo_left">
? ? <img src="images/logo.jpg" alt="慕課網(wǎng)"/>
? ? </div>
? ? <div class="logo_right">
? ? <img src="images/tel.jpg" alt="服務(wù)熱線"/>24小時服務(wù)熱線:123-456-789
? ? </div>
? ? </div><!-- logo結(jié)束 -->
</div> <!-- wrap結(jié)束 -->
</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;}
2015-12-10
.wrap{width: 1000px;margin: 0 auto;}
.logo{background: white;height: 80px;}
不好意思,原本應(yīng)該是這樣,上面貼的有錯誤。 logo無法繼承父元素wrap的寬度