Html新手!背景图像问题
我正在学习HTML,我想通过重新创建Electronics Expo发给我的发票来练习.
但是,我用了background-image属性,并通过重复-X重复了一遍,现在,背景横跨页面延伸,以至于它有一个单杠拖动.
http://htmlpocketreference.110mb.com/index.html
你可以在上面的链接中看到我做了什么.
另外,我非常感谢有关简化CSS编码的一些建议.它似乎非常混乱,一旦发生变化,我必须移动每个元素.-.-
谢谢!
这是因为你有相对定位的元素没有固定的宽度 - 这些元素占据了父元素的宽度,即发票的宽度,并且突出了页面,导致溢出.给他们一个背景颜色,你可以很清楚地看到这一点:
给元素一个固定的宽度来解决这个问题,或者看看其他布局元素的方法,比如浮动它们.
除了这个问题,您还要重复该id属性,即创建无效的HTML.你应该看看使用class多个元素共享相同的样式,甚至更好的属性,看看使用继承和级联没有给每一个元素的id.
进一步阅读: