欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

绝对定位与相对定位为什么没区别_html/css_WEB-ITnose

程序员文章站 2022-05-19 10:36:01
...
无标题文档
1111
1111
1111
1111
1111



1111
1111


#box07 {	position:relative;	width: 300px;	height: 30px;	background-color:#0F0;	left:30px;}#box08 {	position: absolute;	top: 46px;	width: 300px;	height: 30px;	background-color: #0F0;	margin-left: auto;	margin-right: auto;	left: 30px;}


1、box07使用相对定位,box08使用绝对定位,为什么效果是一样的?

2、请问如果想让box06在页面扩大或者缩小都居中,box07 也居中

box08一直距离左边30px

并且box07与box08都在box06中,怎么做?


回复讨论(解决方案)

1、box07使用相对定位,box08使用绝对定位,为什么效果是一样的?

都相距box06左边30px

都在div的id都在box06内,怎么才能在页面扩大或者缩小是不一样?

2、请问如果想让box06在页面扩大或者缩小都居中,box07 也居中

box08一直距离页面左边30px 怎么做

并且box07与box08都在box06中,怎么做?

box07
box08



box07与box08还是一起动,我希望在缩小的页面时,他们距离左边的位置一样,但是放大页面的,距离左边的位置就不一样了



box07与box08还是一起动,我希望在缩小的页面时,他们距离左边的位置一样,但是放大页面的,距离左边的位置就不一样了


在一个相对左边的定位下,放大和缩小页面有什么区别呢?
如果不考虑怎么定位
你希望在页面多大的情况下 是什么状态
有几种大小情况 几种状态
这个叙述清楚了 我们来看下 用什么方式定位

我表示有点头晕,,,,

父级用position:relative;
子级用position:absolute;