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