我需要一些帮助。我要去学校学习平面设计，并且正在建立一个作为服务行业的网站。
我在photoshop中设计了模板，然后把它放到PSD2CSSOnline.com上，它会吐出代码和拼接图像。
我能够对 HTML 和 CSS 进行足够的编辑，以使顶部的两条粉色线延伸到浏览器中，但我不知道如何让底部的线也这样做，因为不同页面上的文本会变化，我假设 div 必须在包装器之外才能拉伸 100% 宽度，所以我的问题是如何做到这一点并且仍然使其与包装器内的 div 相关？
感谢任何帮助，我已经花了几个小时试图解决这个问题！
我已经上传了它作为参考，这样你就可以查看源代码并直观地看到我在说什么。要查看它，请转到此处：http://bellairo.com/anytime/
【问题讨论】：
标签： css width wrapper html css-position
我对 psd-css 有点程序不太熟悉，所以这有点难以理解......对于顶部的紫色线条，您似乎有 2 个图像：1 是 960 x 30px Layer-13.png，然后是 24 x 30 像素的 Layer-12-rx.png，它在其下方的两个方向上无限重复。获得相同的 png 图像似乎是最简单的方法 - Layer-12-rx .png 在页面底部执行相同的操作 - 在已经存在的图像下方重复此图像：Layer-7.png。
就您关于与您的内容相关的行的问题而言：我注意到几乎所有的 div 都有 position:absolute 应用于它们。请注意这一点，因为当应用该属性时，它会将 div 从 css 如何定位事物的正常流程中删除，然后您必须开始指定所有内容，而不是 div 只是自然地相互跟随 - 这对于拥有你的底线只是自然地将自己定位在你的内容之下，不管有多少。页脚行所在的 div 也有这个位置：absolute 应用于它，这意味着你总是必须告诉它每个页面的确切位置。开始是将其更改为 position: relative 然后使用 left: 和 top: 值，直到它位于正确的位置。然后它应该每次都将自己定位在文本下方。 很好的参考是 W3 学校 - 有关定位信息，请查看：http://www.w3schools.com/css/css_positioning.asp
【讨论】：