当前位置：首页 » 编程语言 » html绝对定位

html绝对定位

发布时间: 2021-03-09 09:20:21

『壹』 html POSITION 绝对定位问题

『贰』 HTML中的定位，position中的absolute绝对定位，如果我让它往上10px再往右10

这个我建议你自己试试
也就是top bottom left right 这四个
绝对定位和相对定位都可以用这四个控制。
多自己尝试，效果最好

『叁』 html/css因绝对定位而导致内容不显示怎么办

首先：你的#logo{height=95px;}要改成 #logo{height:95px;}
其次：如果你把#logo作为参考元素应写成 #logo{height:95px;position:relative;}
还有：如果要设置层排序，应在对应的层添加 z-index:数字属性

『肆』 HTML中DIV的相对定位与绝对定位

绝对定位（absolute）：

当一个DIV块的位置被定义为绝对定位的时候，也就意味着它失去了文档流的位置，后面的文档流会紧跟着补上来接替它的位置。如果上下左右的绝对偏移量都是零，那么它将漂浮在原来的位置上。否则就会以浏览器的上下左右四边为基准进行偏移。

相对定位（relative）:

当设了相对的偏移量之后，这个DIV原来所占据的位置（文档流）不会被下面的DIV块挤占，而是空在那里；当偏移后向下或者向右的内容会被隐藏，而这一点区别于绝对定位，绝对定位会出现滚动条。但是向左或者向右的内容超出当前浏览器的视线，无论是相对还是觉得定位，超出的部分都会被隐藏。

『伍』 html的相对定位和绝对定位是什么意思

position：absolute这个是绝对定位；是相对于浏览器的定位。比如：position：absolute；left:20px;top:80px;
这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。position：relative是相对定位，是相对于前面的容器定位的。这个时候不能用top
left在定位。应该用margin。比如：<div
class="1"></div><div
class="2"></div>当1固定了位置。1的样式float:left;width:100px;
height:800px;2的样式为float:left;
position：relative；margin-left:20px;width:50px;2的位置在1的右边，距离120px

『陆』如何用css使一个用绝对定位的图片定位在网页一个具体位置,不随网页大小等改变位置!

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，回打开html编辑器，新建html文件，例如：答index.html。

『柒』 HTML绝对定位问题

<!>
<html>
<head>
<metacharset="utf-8">
<title>图片</title>
<style>
*{
margin:0;
padding:0;
}
.wrap{
width:600px;
height:170px;
margin:0auto;
overflow:hidden;
background:url("//www.xiangta.cc/image_c8ea15ce36d3d5397d12b66f3987e950352ab06b")no-repeatlefttop;
}
.content{
width:391px;
height:92px;
margin-left:116px;
margin-top:39px;
overflow:hidden;
}
.contentimg{
display:inline-block;
}
</style>
</head>

<body>
<divclass="wrap">
	<divclass="content">
	<imgsrc="http://himg.bdimg.com/sys/portrait/item/9b7fe5889de590bbe7bc980729.jpg"/>
<imgsrc="http://himg.bdimg.com/sys/portrait/item/9b7fe5889de590bbe7bc980729.jpg"/>
<imgsrc="http://himg.bdimg.com/sys/portrait/item/9b7fe5889de590bbe7bc980729.jpg"/>
</div>
</div>
</body>
</html>

把图片换成你自己的路径就对了。效果图：

『捌』在html中，如何让一张图片绝对定位到页面的右下角

在html中输入，position:absolute; bottom:0; right:0;这样就可以了，不过屏幕滚动的话，元素不会随着屏幕滚动而一直在右下角position:fixed; bottom:0; right:0;这样可以一直保持在右下角，但IE6不支持，如果想要IE6也支持，只能用js来控制。

『玖』 HTML 关于绝对定位的问题手机端

尽量不要用fix，毕竟手机浏览器的处理效果不如pc强，你在拖动的时候，浏览器需要不停的计算你div的位置，一个卡住就跑上去了。一般基本思路就是减少页面css的计算量，通常两种做法：
1、用js获取手机屏幕高度，然后你直接用absolute从上往下写top高度=屏幕高度-浮动条本身高度
2、做伪拖动，也就是并不是实际拖动手机的html高度，而是靠overflow的溢出属性，把需要拖动的内容放在上面的div里，然后用js动态判断手机屏高度然后再赋值。最下面的div本身不做任何浮动处理，直接跟在后面（不过这个也有坑，overflow的拖动体验不如原生拖动，手机不给力可能会一卡一卡的，需要webkit的属性支持）
顺便想到新的css3的flex结构，不过这个我自己没试验过，不知道能不能成为新的解决办法，愿意的话你自己也能试试。

『拾』 html中div相对定位绝对定位怎么用

绝对定位（absolute）：
当一个DIV块的位置被定义为绝对定位的时候，版也就意味着它失权去了文档流的位置，后面的文档流会紧跟着补上来接替它的位置。如果上下左右的绝对偏移量都是零，那么它将漂浮在原来的位置上。否则就会以浏览器的上下左右四边为基准进行偏移。
相对定位（relative）:
当设了相对的偏移量之后，这个DIV原来所占据的位置（文档流）不会被下面的DIV块挤占，而是空在那里；当偏移后向下或者向右的内容会被隐藏，而这一点区别于绝对定位，绝对定位会出现滚动条。但是向左或者向右的内容超出当前浏览器的视线，无论是相对还是觉得定位，超出的部分都会被隐藏。

阅读全文

html绝对定位

与html绝对定位相关的阅读推荐