61,124
社区成员
发帖
与我相关
我的任务
分享网页设计float用法！有简单代码！请大家解释
下面是两个层的简单代码设置 注意float
第一个是float: left;
第二个也是float: left;
设计面板显示结果我搞不明白第二个明明是float: left; 最后却在#content的右边！
我想问这个属性是怎么用的？浮动左或右对照标准是谁？
对于本问题第二个float: left;相对与谁说的/?
希望有确定答案自己实践过的好兄弟告诉我！一定是自己亲身经历啊！
要是粘贴别人的 我看了肯定会越迷糊！
代码如下：
<style type="text/css">
<!--
#content {
float: left;
padding: 10px;
margin: 20px;
border: 5px solid #FF0000;
width: 300px;
background-color: #00FF00;
}
#content2 {
float: left;
padding: 10px;
margin: 20px;
border: 5px solid #FF0000;
width: 300px;
background-color: #00FF00;
}
-->
</style>
<body>
<div id="content"></div>
<div id="content2"></div>
</body>
第一个是float: left;
第二个也是float: left;
设计面板显示结果我搞不明白第二个明明是float: left; 最后却在#content的右边！
我想问这个属性是怎么用的？浮动左或右对照标准是谁？
对于本问题第二个float: left;相对与谁说的/?
希望有确定答案自己实践过的好兄弟告诉我！一定是自己亲身经历啊！
要是粘贴别人的 我看了肯定会越迷糊！
代码如下：
<style type="text/css">
<!--
#content {
float: left;
padding: 10px;
margin: 20px;
border: 5px solid #FF0000;
width: 300px;
background-color: #00FF00;
}
#content2 {
float: left;
padding: 10px;
margin: 20px;
border: 5px solid #FF0000;
width: 300px;
background-color: #00FF00;
}
-->
</style>
<body>
<div id="content"></div>
<div id="content2"></div>
</body>
...全文
请发表友善的回复…
发表回复
wangjian84075041 2010-12-05
- 打赏
- 举报
当然是相对于前一个了。。你想清除的话 用clear；left
cloudgamer 2008-08-03
- 打赏
- 举报
就像横过来的俄罗斯方块
b246347b 2008-08-02
- 打赏
- 举报
受教了！
大致明白了！如果多加几个层肯定又迷糊了！~！
这时候怎么办呢？？哈哈！
大致明白了！如果多加几个层肯定又迷糊了！~！
这时候怎么办呢？？哈哈！
icecell 2008-08-02
- 打赏
- 举报
就像排队，从左到右，总有人要排到右边的
飘零雾雨 2008-08-02
- 打赏
- 举报
参照其父对象
至于你说的：#content2的float:left而效果却在#content的右边是为什么
因为#content也是float:left;所以得有个先来后到的问题。#content2自然就要排在#content后面
至于你说的：#content2的float:left而效果却在#content的右边是为什么
因为#content也是float:left;所以得有个先来后到的问题。#content2自然就要排在#content后面
tantaiyizu 2008-08-01
- 打赏
- 举报
[Quote=引用 4 楼 b246347b 的回复:]
晕！！！我说的是#content2的float:left 而效果却在#content的右边！为什么？
#content2的float:left 对照标准是谁？
[/Quote]
这样是对的啊，照标准就是这样的。
晕！！！我说的是#content2的float:left 而效果却在#content的右边！为什么？
#content2的float:left 对照标准是谁？
[/Quote]
这样是对的啊，照标准就是这样的。
b246347b 2008-08-01
- 打赏
- 举报
晕！！！我说的是#content2的float:left 而效果却在#content的右边！为什么？
#content2的float:left 对照标准是谁？
#content2的float:left 对照标准是谁？
tantaiyizu 2008-08-01
- 打赏
- 举报
float:left ，是声明了该元素是浮动布局，且是局左侧对齐的。
b246347b 2008-08-01
- 打赏
- 举报
那为什么会在右边呢？这就是我不明白的！float: left他是相对与谁是位于左边的？
可能你还不明白我的意思！哈哈！我很笨的 ！
那你就说说你自己的理解也好啊！
可能你还不明白我的意思！哈哈！我很笨的 ！
那你就说说你自己的理解也好啊！
tantaiyizu 2008-08-01
- 打赏
- 举报
设计面板显示结果我搞不明白第二个明明是float: left; 最后却在#content的右边！
--
这样是对的啊？你的意思？
--
这样是对的啊？你的意思？
