當前位置：首頁 » 編程語言 » 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絕對定位相關的閱讀推薦