使用响应式布局浮动2个元素
使用响应式布局浮动2个元素
提问于 2012-11-22 00:06:10
我在页脚中有两个div，我希望div 1定位在屏幕的左侧，div 2定位在屏幕的右侧。
Div 1的显式宽度为300px，而div 2仅包含向左浮动的元素列表。
当页面缩小时，我希望div2放在div1下面，最好的方法是什么？我是不是两个都浮在左边？在代码中，我是否将div 1放在div 2之上？我给它们两个都一个明确的宽度吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-11-22 00:13:35
只需将左侧div向左浮动，右侧div向右浮动，如果包含的div缩小太多，它应该将它们堆叠在一起。
HTML -
<div id="parent">
<div id="left">Left</div>
<div id="right">Right</div>
</div>CSS -
#parent {
width: 25px;
}
#left {
float: left;
}
#right {
float: right;
}查看这个jsfiddle - http://jsfiddle.net/LaqBm/
Stack Overflow用户
发布于 2012-11-22 00:09:11
你需要浮动两个容器元素，并给它们一个固定的宽度。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13497266
复制相关文章
相似问题
腾讯云开发者
