为了账号安全,请及时绑定邮箱和手机立即绑定

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

<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下载
官方微信