当窗口尺寸减小时,我的元素重叠

时间:2013-09-05 06:11:32

标签: css css3 twitter-bootstrap

我有这些弹出的盒子,当屏幕尺寸缩小时,它们会相互重叠。我想在框之间保持一定的间距,并且阻止文本用完就可以了吗?Normal Screen SizeSmaller Screen SizeEven Smaller Screen Size

1 个答案:

答案 0 :(得分:1)

您必须使用min-width CSS属性来防止重叠。

对于实例,

#abc, .abc{
    min-width:800px;
    }
  

min-width属性允许作者将内容宽度限制在一定范围内。

<强> SOURCE

以上示例的作用是,如果您的窗口达到最小宽度800px,它会在底部为您提供一个水平滚动条,使您的内容适合最小范围800px。

希望这有帮助。

PS:#abc,.abc是div id或类的虚拟名称,您需要为其设置最小宽度以防止重叠。您可以将其替换为您的ID或类。同样,800px是一个说明性值,您可以用所需的窗口宽度替换它。