html - 如何在流体div和固定div之间留出空间

标签 html css responsive-design

我有这段代码,它在一个固定的 div 旁边制作一个流动的 div。

如何在它们之间留出 10px 的边距?

<div id="wrapper" style="width: 100%">
<div id="left" style="background-color: Blue; height: 100px; float: right; width: 200px;margin-left:10px;"></div>
<div id="right" style="background-color: #5a71e5; height: 100px; margin-right: 200px;"></div>

jsfiddle:http://jsfiddle.net/3P9XN/1/

最佳答案

要么减少右边 div 的 width,要么增加左边 div 的 margin-right。在下面的示例中,我增加了 margin-right

<div id="wrapper" style="width: 100%">
<div id="left" style="background-color: Blue; height: 100px; float: right; width: 200px;margin-left:10px;"></div>
<div id="right" style="background-color: #5a71e5; height: 100px; margin-right: 210px;">
</div>

关于html - 如何在流体div和固定div之间留出空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17412627/

相关文章:

html - 当有人输入一个长词(没有空格)时内容溢出

jquery - 鼠标点击时添加点进行映射

javascript - HTML5 放置事件子级被阻止

javascript - 用于互联网探索的浏览器检测

javascript - 单击仅在单击 div 文本时有效,而不是 div 的其余部分

css - 在 <a> 标签内使 <img> 响应?

ios - iphone 4s 的媒体查询被用于 Iphone 6

css - 如何为桌面和移动设备制作对移动设备友好的 CSS

jquery - 如何解决桌面浏览器上由具有不同页面内容高度的页面之间的滚动条切换触发的背景内容抖动问题?

html - 为什么HTML代码环绕