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

清除浮动设置在footer

* {

    margin:0;

padding:0;

}

#wrap {

background:#00C;

margin:0 auto;

width:960px;

}

#header {

background:#FF3300;

width:100%;

}

#mainbody {

   background:#FC0;


   

}

.left {

width:800px;

height:200px;

background:#000;

float:left;

}

.right {

width:140px;

height:500px;

background:#690;

float:right;

}

#footer {

background:#639;

width:100%;

    width:100%;

    overflow:hidden;

}

</style>

</head>


<body>

<div id="wrap">

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

  <div id="mainbody">

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

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

  </div>

  <div id="footer">版权部分</div>




width:100%;

    overflow:hidden;

加在footer样式,和加在mainbody样式中为什么会出现不同的效果,清楚样式是设置在被影响元素的后面吗,为什么老师设置在mainbody

正在回答

1 回答

浮动是影响与它相关联的元素上,left和right设置浮动后,被影响的是mainbody,而不是footer,你可以试着把right的“float:right”删掉,你会发现right部分会排列在left的下一行,说明它并没有受到left的浮动影响,所以收到right和left浮动影响的是mainbody。

ps:同学你的清除打错了(括弧笑)

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

短发是小丸子 提问者

哈哈哈 原来如此 非常感谢 还有点不知道怎么才是被影响的 以为相邻后面的都会被影响
2017-05-31 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

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

进入课程

清除浮动设置在footer

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