2.绝对定位
绝对定位与相对定位的不同之处在于,它们的基准不同。相对定位的基准为自己的原有位置,而绝对定位是以浏览器左上角为基准。
在“CSS设计器”面板中设置绝对定位,并设置偏移值为:左50px,顶50px,如图7-115所示。在设计视图中查看效果。按F12键在浏览器中查看,会发现框以浏览器左上角为基准,向下和向右移动了50像素。由此得知,绝对定位的基准为浏览器的左上角。
使用绝对定位后嵌套的布局也会发生改变。
3.为框添加绝对定位后将脱离其原来的位置
在Dreamweaver中插入两个嵌套的框。为中间的小框添加绝对定位,偏移值为顶部350像素、左边350像素。
此时在设计窗口中可以看到嵌套的小框脱离了大框,因为它是以浏览器左上角为基准的。