CSS左右偏移

html-css012

CSS左右偏移,第1张

1、新建html文件。

2、创建两个div,并赋予id。

3、为两个div设置宽高和背景,并设置左右浮动。

4、预览效果如图。

5、创建第三个div。

6、为第三个div设置宽高和背景。

7、预览效果如图。

注意事项:

随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能。但是随着这些功能的增加,HTML变的越来越杂乱,而且HTML页面也越来越臃肿。于是CSS便诞生了。

你是想把div紧贴中间区域吧,然后你再你的22寸显示器上设置了一个固定的right,而fixed是距离浏览器边缘的,你要是把你的22寸的浏览器改下窗口大小,一样会出问题,你需要做的是用js计算出距离浏览器边缘的距离,然后用js设置left或者right值,当浏览器触发resize方法的时候重新计算