<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>無標題文檔</title>
<style?type="text/css">
*{
padding:?0;
margin:?0;
}
a{
text-decoration:?none;
}
.comwidth{
width:?1000px;
margin:?0?auto;
}
#top{
height:?60px;
}
.logo{
float:?left;
}
.welcome{
float:?left;
font-size:?24px;
line-height:?60px;
}
.welcome?a{
color:?#000;
font-weight:?bold;
}
.logo_a{
float:?right;
margin:?38px?0?10px?0;
font-size:?14px;
}
.logo_a?a{
color:?#777;
}
#main{
height:?475px;
background-color:?#e80404;
}
.load{
border:?5px?#ff0?solid;
overflow:?hidden;
}
.loadbox{
width:?350px;
height:?300px;
background-color:?#fff;
float:?right;
margin-top:?40px;
}
</style>
</head>
<body>
<div?id="box">
<div?id="top"?class="comwidth">
<p?class="welcome"><a?href="#">歡迎登陸</a></p>
<p?class="logo_a"><a?href="#">登錄頁面，調(diào)查問卷
</a></p>
</div>
<div?id="main">
<div?class="comwidth?load">
<div?class="loadbox">
</div>
</div>
</div>
</div>
</body>
</html>請問為什么.load里寫overflow: hidden;盒子不居中而去掉.load里的overflow: hidden;加在.comwidth里盒子就能居中.comwidth {? ? width: 1000px;? ? margin: 0 auto;? ? overflow: hidden;}
1 回答
已采納
MarlboroKay
TA貢獻189條經(jīng)驗 獲得超236個贊
建議你先理解overflow屬性，其次，你的.load都沒有寬高，何來超出呢。
你不妨給.load加個寬高試下。
半夜回答不易，望采納！
-
啊啊啊啊123首先謝謝你深夜回答，我給.load加了高寬沒有用。 我讓.loadbox他右浮動了，我想讓他在父盒子里面（在border里出現(xiàn)）不就添加了overflow的屬性嗎？ 我在上面附上幾個圖，麻煩睡醒給解釋一下 = = -
啊啊啊啊123好吧 我先加了 有空幫我看一下，謝謝 我寫.comwidth是為了讓top部也用這個樣式居中
-
MarlboroKay那就用.comwidth .load{}可以解決，ps我不是大神，打家就是互相幫助，望采納！
點擊展開后面5條
添加回答
舉報
0/150
提交
取消