css - 填充屏幕宽度

标签 css html width

我真的很难整理我为某人建立的网站。 我花了几个小时试图解决这个问题!我的知识有限,所以代码会有所帮助。他们希望顶部的部分(最初是两张图片,现在我正在尝试背景图片和 css)来填充浏览器的宽度——不管它是什么尺寸。有谁知道如何做到这一点?

同样,是否有设置让文本填充框的 100% 宽度,无论如何?

即使有人帮助我前进,我也会非常感激!他们希望所有内容都紧凑且内联,在某些浏览器/屏幕上确实如此,但在我的浏览器/屏幕上它散布着大量空白。

www.thegees.co.uk是网站。

最佳答案

我不知道你所说的“文本”是什么意思,我不确定这是否对你有帮助,但默认情况下任何 block 级容器都将具有 100% 的宽度:

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

如果您有一个不会拉伸(stretch)到 100% 的 span,请在其周围放置一个 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>

关于css - 填充屏幕宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2449631/

相关文章:

HTML5 和短结束标签

xamarin.forms - Xamarin 在使用下划线时形成 BoxView 宽度太长

jquery - 如何使用 css 扩展 <a> 和 <li> 以适应 <ul> 的宽度? (甚至jquery)

css - 保持 : active until another link is clicked

javascript - 如何在 Foundation 6 中淡入包含类 'hide' 的元素?

html - 内部div溢出容器

ipad - 在 iPad 的情况下,在 UITableViewCell 中查找 contenView 的宽度

HTML 静态侧导航栏

css - 如何垂直对齐表格单元格内的文本?

php - 更好的 PHP、MySql、HTML 和 JavaScript IDE