沿着页面垂直重复类似的html布局

时间:2011-12-14 23:07:52

标签: html css web

我使用绝对定位的div元素和背景图像完成了html布局。我希望垂直保持布局相同(每个单独的部分/页面代表一个数据集)。我不想将div定位从绝对改变,因为这会让事情变得混乱,而且我已经没时间了。

我意识到每个数据集都可以有多个body标签,因为这个html最终将使用xslt从xml生成,这不是问题。

问题在于,由于div元素是绝对的,因此它们不会出现在后续的body标签中(仅显示背景图像)。我尝试改为亲戚,div实际上移动到'下一页'(正文元素),但由于有几个div,当所有的都被布局时,它们会被错位。

我将非常感谢有关如何通过以某种方式修复我的html来解决这个问题的建议,这种方式不会太耗时,或者使用可以将多个html内容组合到一个流动页面中的工具。任何其他建议也非常受欢迎。

1 个答案:

答案 0 :(得分:1)

根据您发布的内容,您可以真正使用某些HTML作为您正在尝试执行的操作的示例,您应该能够简单地将每个“页面”包装在带有{的div中{1}} CSS样式。

然后内部内容将完全位于其父包装的边界。然后,您需要将当前应用于体元素的大多数样式(如背景图像)移动到包装器div。

基本示例:http://jsfiddle.net/AsWCN/2/

相关问题