怎么定义AP div 层的位置属性,让他不随着分辨率的大小而移动位置呢 ?最好详细的说下! 怎么让AP DIV 不随浏览器不同 在网上显示的位置移动?

\u600e\u4e48\u5b9a\u4e49AP div \u5c42\u7684\u4f4d\u7f6e\u5c5e\u6027\uff0c\u8ba9\u4ed6\u4e0d\u968f\u7740\u5206\u8fa8\u7387\u7684\u5927\u5c0f\u800c\u79fb\u52a8\u4f4d\u7f6e\u5462 ?\u6700\u597d\u8be6\u7ec6\u7684\u8bf4\u4e0b\uff01

apdiv\u5c31\u662f\u5177\u6709css\u7edd\u5bf9\u5b9a\u4f4d\u5c5e\u6027\u7684div\uff1a
position:absolute;

\u7edd\u5bf9\u5b9a\u4f4d\u5728\u5206\u8fa8\u7387\u6539\u53d8\u65f6\u4f1a\u9519\u4f4d\uff0c\u6b63\u786e\u7684\u7528\u6cd5\u662f\u8ba9\u5b83\u6709\u4e00\u4e2a\u7236\u7ea7\u5bb9\u5668\uff0c\u5e76\u7ed9\u7236\u7ea7\u5bb9\u5668\u52a0\u4e0a\u76f8\u5bf9\u5b9a\u4f4d\u5c5e\u6027\uff1aposition:relative;\u4f60\u628a\u4f60\u8fd9\u4e2adiv\u653e\u5230\u4f60\u9875\u9762\u5176\u4ed6\u5143\u7d20\u91cc\u9762\uff0c\u7ed9\u90a3\u4e2a\u5143\u7d20\u52a0\u4e0a\u76f8\u5bf9\u5b9a\u4f4d\u5373\u53ef\u3002

\u4f8b\u5b50\uff1a
------------------------------------------
/*\u7236\u7ea7*/
.fuji{
width:100px;height:100px;
background:blue;
position:relative;/*\u6709\u76f8\u5bf9\u5b9a\u4f4d\u5c5e\u6027*/
}

/*\u4f60\u7684apdiv*/
.apdiv{
width:30px;height:30px;
background:red;
position:absolute;left:100px;top:50px;/*\u7edd\u5bf9\u5b9a\u4f4d\u5c5e\u6027*/
}


\u4e0d\u8981\u5168\u90e8\u7528\u7edd\u5bf9\u5b9a\u4f4d\u6765\u505a\u7f51\u9875\uff0c\u8fd9\u4e2a\u60f3\u6cd5\u662f\u9519\u8bef\u7684\uff0c\u5f53\u6bcf\u4e2a\u533a\u57df\u5185\u5bb9\u7684\u9ad8\u5ea6\u4e00\u65e6\u9700\u8981\u6539\u53d8\u65f6\uff0c\u4e0a\u9762\u7684\u5185\u5bb9\u4f1a\u91cd\u53e0\u5728\u4e0b\u9762div\u7684\u5185\u5bb9\u4e0a\u3002\u4f60\u8fd9\u4e2a\u7f51\u9875\u5982\u679c\u6539\u7684\u8bdd\u53ea\u6709\u5168\u90e8\u91cd\u65b0\u5199\uff0c\u6216\u8005\u5c31\u662f\u4f60\u786e\u5b9a\u6bcf\u4e2adiv\u7684\u9ad8\u5ea6\u548c\u5185\u5bb9\u4e0d\u4f1a\u589e\u52a0\u7684\u8bdd\uff0c\u5728\u6574\u4e2a\u7f51\u9875\u533a\u57df\u7684\u5916\u9762\u518d\u52a0\u4e2a\u7236div\u7ed9\u76f8\u5bf9\u5b9a\u4f4d\u5c31\u884c\u4e86...

\u8fd9\u4e2a\u4e0d\u662f\u51b3\u5bf9\u7684\uff0c\u6bd4\u5982\u8bf4\u4f60\u8ba9\u4e00\u4e2aDIV\u6807\u7b7e\u5c45\u4e2d\uff0c\u4f60\u53ef\u4ee5\u7ed9\u8fb9\u754c\u8bbe\u6570\u503c\u8ba9\u5b83\u521a\u597d\u5c45\u4e2d\uff0c\u4e5f\u53ef\u4ee5\u628a\u8fb9\u754c\u5de6\u53f3\u586b\u6210\u81ea\u52a8\u3002\u65b9\u6cd5\u5f88\u591a\uff0c\u5c31\u662f\u8ba9\u4f60\u5728\u4f17\u591a\u65b9\u6cd5\u4e2d\u627e\u4e00\u79cd\u80fd\u5728\u591a\u79cd\u6d4f\u89c8\u5668\u91cc\u9762\u90fd\u517c\u5bb9\u7684\u65b9\u5f0f\u5c31\u53ef\u4ee5\u4e86\u3002

apdiv就是具有css绝对定位属性的div:
position:absolute;

绝对定位在分辨率改变时会错位,正确的用法是让它有一个父级容器,并给父级容器加上相对定位属性:position:relative;你把你这个div放到你页面其他元素里面,给那个元素加上相对定位即可。

例子:
------------------------------------------
/*父级*/
.fuji{
width:100px;height:100px;
background:blue;
position:relative;/*有相对定位属性*/
}

/*你的apdiv*/
.apdiv{
width:30px;height:30px;
background:red;
position:absolute;left:100px;top:50px;/*绝对定位属性*/
}

不要全部用绝对定位来做网页,这个想法是错误的,当每个区域内容的高度一旦需要改变时,上面的内容会重叠在下面div的内容上。你这个网页如果改的话只有全部重新写,或者就是你确定每个div的高度和内容不会增加的话,在整个网页区域的外面再加个父div给相对定位就行了...

原则:您使用的那些AP DIV,必须都根据一个定位的基准,这样它们就都随着这个基准定位了,而不随分辨率改变。
方法:
1)在网页中先做一个空的AP DIV,让它左侧居中,即50%,而不要用像素定位。
2)将您页面中要使用的AP DIV,全都作为上面那个空AP DIV的子层,即,嵌套到里面。这样,所有的AP DIV,都将随着上面那个空DIV来定位,而由于那个空DIV是以50%定位的,所以,无论什么分辨率,它都将居中,而所有它的子层,都将随着这条居中标准来改变。
3)将上述所有您将使用的子AP DIV,按需要的效果定位。这时,它们跟首步那个空DIV之间已经建立了相对位置关系。
4)为了让首步那个空DIV不影响背景颜色的显示,可以将它设置为宽0像素。
这样就行了。

我是刚学DW,自己摸索的。

额 用AP DIV 出现这种情况很正常,会一点css的一般不会用AP div了 ,可以用div+div的嵌套通过
css属性padding,margin等属性进行定位,这样就能准确的固定下位置
实在不想该可以把像素该成百分比,如left:20%,距左为整个浏览器的20%的位置,但是这样会出现一个麻烦,一旦 改变 浏览器窗口大小,位置又会乱掉。所以AP DIV有中准确定位很难

设置一下 坐标,然后锁定。 这样的话,用户不能改边窗口大小了··

扩展阅读:i0.015斜坡一米下降多少 ... 如何调整ap div的位置 ... 表格怎么去除#div0 ... 新版dw 没有ap div ... 坐标定位 ... dw apdiv怎么熟练掌握 ... dw设置ap div固定位置 ... ap div如何固定位置 ... ap div的使用方法 ...

本站交流只代表网友个人观点,与本站立场无关
欢迎反馈与建议,请联系电邮
2024© 车视网