DIV悬浮窗口,相对位置如何设置,并适合各种分辨率

比如HTM页面中有一固定宽度而且居中的图片Image1,若想利用DIV层让Image2始终处在Image1左下角 ,并适合各种分辨率的情况

绝对定位是以你的浏览器可视区为参照物,定义具浏览器可视区上下左右的像素,当分辨率变化,层定义的像素仍然不变,所以必然错误,这就是所谓的绝对,解决方法是,你先建一个相对定位的层,在这个层里面在写一个绝对定位的层,这样第二个层就以第一个层为参照物了

虽然你的问题已解决,这个问题的最佳答案还是给我吧
温馨提示:内容为网友见解,仅供参考
无其他回答

DIV悬浮窗口,相对位置如何设置,并适合各种分辨率
绝对定位是以你的浏览器可视区为参照物,定义具浏览器可视区上下左右的像素,当分辨率变化,层定义的像素仍然不变,所以必然错误,这就是所谓的绝对,解决方法是,你先建一个相对定位的层,在这个层里面在写一个绝对定位的层,这样第二个层就以第一个层为参照物了 虽然你的问题已解决,这个问题的最佳...

div中的相对定位与绝对定位
“relative”意思是DIV的位置是相对于其他 tag 的,而“absolute”是说 DIV tag 的位置是相对于它所在的窗口。left 相对于窗口左边的位置top 相对于窗口上边的位置width DIV tag 的宽度。所有在 DIV 里的文字或html都在里面。height DIV tag 的高度。这个性质很少用除非你想 Clip 层次。clip 给出 layer 的 clip...

如何让一个div随电脑分辨率的改变,改变其相对位置
固定层有绝对和相对2种方法,绝对定位的话层的位置会随分辨率的变化出现不同的效果,相对定位的话分辨率怎么变都不会有任何变化的,在DIV代码中加上style="position:relative " 这个样式就OK了!我也曾经被这个问题困扰过,呵呵 不过现在已经解决了~~~...

网页的div宽度如何适应不用分辨率的显示器?
你写95%的原因无非是根据你当前的分辨率的设计效果来设定的,比如你现在的分辨率是1280*768;那你设定95%的宽度然后居中就合理了,但是你又想考虑其他分辨率,其实解决方式很简单,你无非就是想让页面对浏览器窗口有一定的间距,那你可以在页面这个div上设定例如margin:0 50px;这样的处理间距问题应该说是...

让DIV浮动在表格上固定位置,不会随着显示器的分辨率变化。
<td> <div class="box"> <img src="\/aa.jpg" \/> <div class="flash">这里是FALSH<\/div> <\/div> <\/td> <style type="text\/css"> .box{position:relative;} .flash{position:absolute;left:0px;top:0px;} <\/style> 相对与绝对定位就行了。具体的位置修改left,top值 ...

如何让网页自适应各种分辨率
一、 自然拉伸 如果你的网站结构没有用到大量的图形来衔接,主要由表格来定结构,那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时,只要你把表格的宽度属性定义为100% ,表格就会根据分辨率的不同自行调整宽度。二、 固定居中 在800×600分辨率下制作的网页在...

怎样才能满足不同浏览器不同的分辨率下div内的层的位置固定不动
设定head的position为relative 再设定id=top的 和id=time的两个div的position都为absolute;设定好对应的上下左右的偏移像素值。.head{position:relative;width:960px;height:121px;} .logo{padding:0;margin:0;} top{position:absolute;left:0px;top:0px;} time{position:absolute;right:0px;bottom:...

...使用div布局,如何让整个网页在多大的分辨率和各种浏览器下居中。_百...
<style> <!--这个代码就是用来保证居中的--> html, body,.content { margin: 0 auto;padding: 0 auto;} .content { background-color: #ff0000;width:500px;height:500px;} <\/style> <\/head> <body> <div class="content"> 把内容放在这个裏面 <\/div> <\/body> ...

怎样让div随着屏幕分辨率大小而移动位置
呵呵,你的这种方式太复杂了,现在不推荐这种方式,就算是大型网站也不会变化,他们会取一个大家都合适的分辨率,来设计网页,所以说我建议你使用二分法来设计div的布局,即使用overflow:hidden和float来配合制作,具体你可以用百度hi联系我,我具体给你讲讲 ...

我用div绝对定位布局网页,宽度设置的百分之百,可我把分辨率改到1024的时...
} } \/* 设置了浏览器宽度不大于900px时 abc 显示200px宽度 *\/ @media screen and (max-width: 500px) { .abc {width: 100px;} } \/* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 *\/ <\/style> <\/head> <body> <div class="abc">DIVCSS5实例:我这个DIV宽度会随浏览器宽度...

相似回答