johonlin
2015-12-13 15:03
采纳率: 100%
浏览 1.3k
已采纳

float为什么要设置两次

 <!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="StyleSheet.css" rel="stylesheet" />
    <meta charset="utf-8" />
</head>
<body>
    <div id="q"></div>
    <div id="w"></div>
    <div id="e"></div>

</body>
</html>
下面是css代码
body {
    margin:0;
    padding :0;
}
#q {
    background-color:#888484;
    margin-left:0px;
    width:15%;
    height:700px;
    float:left;
}
#w {
    width:85%;
    height:50px;
    background-color:#808080;
    float:left;
}

为什么要设置两次下面的框才会浮动到上面,只设置#w是不会浮上去的
是有什么原理吗?

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

2条回答 默认 最新

  • 最佳回答

    后面的元素才会受到影响,前面的不会

    评论
    解决 无用
    打赏 举报
查看更多回答(1条)

相关推荐 更多相似问题