【问题标题】:Filling a screen width填充屏幕宽度
【发布时间】:2010-03-16 06:06:36
【问题描述】:

我真的很难整理我正在为某人建立的网站。 我花了几个小时试图弄清楚这一点!我知识有限,所以代码会有所帮助。他们希望顶部的部分(最初是两个图像,现在我正在尝试背景图像和 css)来填充浏览器的宽度 - 无论它是什么大小。有谁知道怎么做?

同样,有没有设置让文本填满框的 100% 宽度?

即使有人帮助我迈出一步,我也会非常感激!他们希望所有内容都保持紧密和内联,在某些浏览器/屏幕中确实如此,但在我的浏览器中,它会散布很多空白。

www.thegees.co.uk 是网站。

【问题讨论】:

  • 您可能想查看doctype.com - 用图像和代码回答 CSS 问题......很难

标签: css html width


【解决方案1】:

我不知道您所说的“文本”是什么意思,我不确定这是否会对您有所帮助,但任何块级容器默认具有 100% 宽度:

<div style="background-color: red">I'm 100% wide!</div>

如果您的 span 无法拉伸到 100%,请在其周围加上 div 以及 span 具有的任何背景属性,请改为使用 div

<div style="background-image: ....">
 <span>
   I'm not 100% wide, but the div around me is, 
   so no one will notice the difference!
 </span>
</div>

【讨论】:

    【解决方案2】:

    从这两个标签中去掉“宽度”的定义:

    ... ...

    【讨论】: