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

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

求助 為啥設置完overflow hidden之后mainbody 沒有變化

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>騰訊軟件中心</title>

<style type="text/css">

*{margin:0;padding:0;}

#wrap{background:#F7FB80;margin:0 auto;width:960px;}

#header{background:#B42426;width:100%;}

#main body{background:#FCO;width:100%;overflow:hidden;}

#footer{background:#02F434;width:100%;}

.left{width:800px;height:200px;background:#0EC5F4;float:left;}

.right{width:140px;height:500px;background:#C2C2C2;float:left;}

</style>

</head>


<body>

<div id="wrap">

<div id="header">頭部</div>

? ? <div id="main body">

? ? ? <div class="left">1</div>

? ? ? <div class="right">2</div>

? ? 3</div>

? <div id="footer">版權</div>


</div>

</body>

</html>


正在回答

3 回答

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>騰訊軟件中心</title>

<style type="text/css">

*{margin:0;padding:0;}

#wrap{background:#F7FB80;margin:0 auto;width:960px;}

#header{background:#B42426;width:100%;}

#mainbody{background:blue;width:100%;overflow:hidden;}

#footer{background:#02F434;width:100%;}

.left{width:800px;height:200px;background:#0EC5F4;float:left;}

.right{width:140px;height:500px;background:#C2C2C2;float:left;}

</style>

</head>


<body>

<div id="wrap">

<div id="header">頭部</div>

? ? <div id="mainbody">3

? ? ? <div class="left">1</div>

? ? ? <div class="right">2</div>

? ? </div>

? <div id="footer">版權</div>


</div>

</body>

</html>


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

同學,你好,是因為你的id名稱里面使用了空格,所以id選擇器不生效

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

width要進行設置100%或者定寬

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

慕瓜3177915 提問者

設置了100%呀 不行啊
2016-07-27 回復 有任何疑惑可以回復我~
#2

拾壹11 回復 慕瓜3177915 提問者

mainbody中間不要用空格吧
2016-08-02 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁布局基礎
  • 參與學習       214663    人
  • 解答問題       1833    個

讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識

進入課程

求助 為啥設置完overflow hidden之后mainbody 沒有變化

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

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

幫助反饋 APP下載

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

公眾號

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