Div宽度为100%,如何填充区域?

时间:2013-03-11 13:14:26

标签: width media-queries breakpoints expand fill

我有一个940px宽的布局,一旦它低于940px,我就会变成一个响应式布局。

我所拥有的内容反应不佳。似乎如果我的某些div中有足够的文本,div会跨越我的布局宽度。如果只有一点文字,div将按照这个例子显示在页面左侧:

http://www.coflash.com/stuff/cssproblem.jpg

我的问题是......如果不给div一个实际的宽度,我怎么能保证它们无论有多少内容都会跨越浏览器的宽度?一旦我设置了实际宽度,我就会在响应式网站上获得滚动条,它会破坏所有内容:(

文本到底做了什么突然使它填满了布局区域?

感谢您的帮助,对不起,我无法提供一个真实的例子,但这肯定是一个常见的问题。

1 个答案:

答案 0 :(得分:0)

首先制作

 html, body{padding:0; margin:0}

然后你可以指定

  div{left:0; width:100%}

尝试这个,它认为这将有所帮助:)并回复,如果没有完成