微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS3:在第二和第三之间浮动第一个div

应该是一个简单的解决方案:

我有以下顺序的div:

<div id="middle"></div>
<div id="right"></div>
<div id="left"></div>

我必须按此顺序拥有它们.使用浮点数,我如何让第一个div(“中间”)落在第二个div之间.

每个div都有一个设定高度和一个设定宽度(以px为单位).

我试过做浮动:左;在中间:

[[middle] right] [left]

然后漂浮:对;在顶部群集上:

[left [[middle] right]]]

但它显示

[middle][left][right]

有帮助吗?

编辑:这是目前的来源:

http://pastebin.com/sjiw9PLn

http://pastebin.com/NMsWk1nZ

解决方法

你可以像这样写:

div{
display:inline-block;
}
#left{
 float:left;
}
#right{
 float:right;
}

检查这个http://jsfiddle.net/8amez/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。