CSS：将div放在float的右边：right

嗨堆栈溢出社区。我有2 动态 divs，我想浮在一个容器内。但是我希望HTML上的最后一个div比第一个更靠右。我的问题是，我不能改变HTML，只有CSS。CSS：将div放在float的右边：right

这将用于页面之间的导航，因此我可以使两个div可见或只有一个。即使我只有一个div，它也必须与容器的右侧对齐（这就是为什么我想使用浮动）。

这里有一个的jsfiddle为您更好地理解：http://jsfiddle.net/Cthulhu/yVCDZ/1/

我想“下一步”后，“上一页”出现。提前致谢。

来源

2012-04-11 Cthulhu

而是浮动的，使用display:inline-block;并设置容器的text-align:right;

我更新你的小提琴：http://jsfiddle.net/mestekweb/yVCDZ/2/

这应该让你开始，至少。

ps - 您可能会遇到问题IE < 8.如果需要，我也可以提供一些帮助。

来源

2012-04-11 15:36:33

显示：内联块;是要走的路。 – 2012-04-11 15:37:19

这似乎很好。 IE 8会遇到什么样的问题？ – Cthulhu 2012-04-11 15:40:40

IE7及更早版本无法识别内联块。在这种情况下，您可以使用'display：inline;'。您可能还必须使用类似'zoom：1;' 的设置来获取hasLayout属性集。这里是IE7 hack的小提琴。也许不是最好的方式，但这是我现在所拥有的。 http://jsfiddle.net/mestekweb/yVCDZ/10/ – 2012-04-11 15:55:23

据我了解可能是你想要的。您可以使用方向与display：inline-block;

入住这http://jsfiddle.net/yVCDZ/3/

&存在其他替代所有的浏览器，其工作

入住这http://jsfiddle.net/yVCDZ/8/

来源

2012-04-11 15:35:57 sandeep

快速更新使用定位：

#container { 
    width:300px; 
    height:70px; 
    border:1px solid black; 
    position: relative; 

} 

#previous { 
    width:70px; 
    height:70px; 
    background:gold; 
    position: absolute; 
    right: 70px; 
} 

#next { 
    width:70px; 
    height:70px; 
    background:lightblue; 
    position: absolute; 
    right: 0; 
}

来源

2012-04-11 15:38:22 Jakub

CSS：将div放在float的右边：right

回答

相关问题