css物件在窗口大小调整时怎样智能调整<div>的左边距

html-css037

css物件在窗口大小调整时怎样智能调整<div>的左边距,第1张

貌似纯css只有css3才可以实现该效果(不支持IE8级低版本浏览器),需要用到css3的Media Queries,具体代码如下:

@media screen and (min-width: 800px) {

.div {

position: absolute

right:0

}

}

@media screen and (max-width: 800px) {

.div {

position: absolute

left:600px

}

}

以上样式须在谷歌chrome等对css3支持较好的浏览器中测试。

背景的上左边距一直都是用background-position:10px 20px 30px 40px(上-右-下-左)顺时针顺序

margin是div的外边距 padding是div的内边距,与图片是没有关系的。