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

求助 为啥设置完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
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

求助 为啥设置完overflow hidden之后mainbody 没有变化

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信