今天小编跟大家讲解下有关一列固定宽度布局和背景图片绝对定位 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关一列固定宽度布局和背景图片绝对定位 的相关资料，希望小伙伴们看了有所帮助。
一列固定宽度网页用于我的学习笔记 很不错吧。这张网页 我只是尝试了一下背景图片的绝对定位设置。 一列固定宽度网页用于我的学习笔记 很不错吧。这张网页 我只是尝试了一下背景图片的绝对定位设置。1.HTML部分只需在<body ></body >之间编写一个DIV标签 给DIV标签使用layout作为ID名称即可：<div id="layout">这里写入文章内容</div>；2.接下来先为body编写CSS代码：（方法还是和“我的第一张css div布局网页”一样 用鼠标编代码 呵呵！）body { margin: 0px;padding: 0px;background-attachment: fixed;background-image: url(images/tupian/a017.JPG);background-repeat: no-repeat;background-position: left bottom;}再为layout编写CSS代码 确定宽高度外 我进行了绝对定位 设定了上下左右边框距离 为缩小右上角的背景图片 进行了负数设置。#layout {height: 480px;width: 720px;margin-top: 20px;margin-right: 30px;margin-bottom: 20px;margin-left: 150px;padding: 40px;background-image: url(images/tupian/a017-2.jpg);background-position: right -100px;background-repeat: no-repeat;border: thick double #F79A94;font-family: "宋体";font-size: 9pt;color: #993300;line-height: 150%;}如果需要一列固定宽度居中设置 只需把上面四个margin值改为："margin: 0px auto;"即可。来源：爱蒂网
