亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么不能繼承父節點的自動居中屬性呢?

<div class="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><!-- logo結束 -->

</div> <!-- wrap結束 -->


.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 回答

父元素的居中是通過magin來實現的,margin屬性默認是不被繼承的

0 回復 有任何疑惑可以回復我~
#1

beiciye 提問者

但是我是對外部盒子設置的啊,內部的盒子內容應該繼承寬度屬性才對啊
2015-12-10 回復 有任何疑惑可以回復我~
#2

李曉健 回復 beiciye 提問者

可是你加了浮動了
2015-12-10 回復 有任何疑惑可以回復我~
#3

beiciye 提問者 回復 李曉健

float浮動對父元素有影響,我對父元素logo即使設置overflow清除浮動依然不能是logo的寬度為1000px;
2015-12-10 回復 有任何疑惑可以回復我~
#4

beiciye 提問者 回復 李曉健

就算把下面的浮動去掉,logo塊也沒有繼承父元素wrap的寬度
2015-12-10 回復 有任何疑惑可以回復我~
#5

李曉健 回復 beiciye 提問者

你的logo的寬度確實是1000呀,你說的居中是指哪里居中呢
2015-12-10 回復 有任何疑惑可以回復我~
#6

beiciye 提問者 回復 李曉健

非常感謝您耐心幫我解答。仔細定位了一下錯誤,出現在wrap中。 無法設置寬度,高度。 在下面貼出全部代碼
2015-12-10 回復 有任何疑惑可以回復我~
查看3條回復

他是塊級元素 margin居中的 這個不會繼承

0 回復 有任何疑惑可以回復我~
#1

beiciye 提問者

提問方式也有錯誤啦。。 最后找到原因了 謝謝啦
2015-12-10 回復 有任何疑惑可以回復我~

<!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> <!-- top結束 -->

<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><!-- logo結束 -->

</div> <!-- wrap結束 -->

</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 回復 有任何疑惑可以回復我~

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

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

不好意思,原本應該是這樣,上面貼的有錯誤。 logo無法繼承父元素wrap的寬度


0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

為什么不能繼承父節點的自動居中屬性呢?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號