【问题标题】:Div with 100% width, how to make it fill area?100%宽度的Div,如何使其填充区域?
【发布时间】:2013-03-11 21:17:59
【问题描述】:

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

我的内容反应不佳。似乎如果我的某些 div 中有足够的文本,则 div 会跨越我的布局的宽度。如果只有一点点文本,则 div 将按照此示例转到页面左侧:

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

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

究竟是什么文字突然填满了布局区域?

感谢您的帮助,很抱歉我无法提供真实世界的示例,不过这肯定是一个常见问题。

【问题讨论】:

  • 也许max-width可能是你的朋友。

标签: width media-queries breakpoints expand fill


【解决方案1】:

为了第一次制作

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

然后你可以指定

  div{left:0; width:100%}

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

【讨论】:

    猜你喜欢
    • 2022-12-14
    • 1970-01-01
    • 1970-01-01
    • 2011-07-25
    • 1970-01-01
    • 1970-01-01
    • 2014-07-10
    • 2017-08-06
    • 1970-01-01
    相关资源
    最近更新 更多