css定位

wuaiqiu 發(fā)布于2019-04-23 13:20 / 805人閱讀

摘要：定位絕對定位我是個俗氣至頂?shù)娜?，見山是山，見海是海，見花便是花。唯獨見了你，云海開始翻涌，江潮開始澎湃，昆蟲的小觸須撓著全世界的癢。你無需開口，我和天地萬物便通通奔向你。

html部分

css定位

定位：相對定位

我是個俗氣至頂?shù)娜?，見山是山，見海是海，見花便是花?/p>
我是個俗氣至頂?shù)娜耍娚绞巧?，見海是海，見花便是花?/p1>

唯獨見了你，云海開始翻涌，江潮開始澎湃，昆蟲的小觸須撓著全世界的癢。

你無需開口，我和天地萬物便通通奔向你。

定位：絕對定位

我是個俗氣至頂?shù)娜?，見山是山，見海是海，見花便是花?/p>
我是個俗氣至頂?shù)娜?，見山是山，見海是海，見花便是花?/p4>

唯獨見了你，云海開始翻涌，江潮開始澎湃，昆蟲的小觸須撓著全世界的癢。

你無需開口，我和天地萬物便通通奔向你。

定位：絕對定位

我是個俗氣至頂?shù)娜?，見山是山，見海是海，見花便是花?/p>
我是個俗氣至頂?shù)娜?，見山是山，見海是海，見花便是花?/p7>

唯獨見了你，云海開始翻涌，江潮開始澎湃，昆蟲的小觸須撓著全世界的癢。

你無需開口，我和天地萬物便通通奔向你。

你無需開口，我和天地萬物便通通奔向你。

css部分

p1
{?? ?
?? ?color:red;
}
p2
{?? ?
?? ?color:red;
}
p3
{
?? ?color:red;
}
p4
{?? ?
?? ?color:red;
}
p5
{?? ?
?? ?color:red;
}
p6
{
?? ?color:red;
}
p7
{?? ?
?? ?color:red;
}
p8
{?? ?
?? ?color:red;
}
p9
{
?? ?color:red;
}
p2
{
position:relative;
left:-20px
}
p3
{
position:relative;
left:20px
}
h2
{
?? ?font-size:35px;
}
p4
{
position:absolute;
left:20px;
top:730px
}p5
{
position:absolute;
left:-20px;
top:765px
}
p6
{
position:absolute;
left:40px;
top:805px
}
p7
{
position:fixed;
right:5px;
top:200px;
}
p8
{
position:fixed;
right:5px;
top:300px;
}
p9
{
position:fixed;
right:5px;
top:400px;
}

GPU云服務(wù)器云服務(wù)器相對定位-絕對定位人臉定位圖片定位相對定位

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/1745.html

相關(guān)文章

CSS入門指南-3：定位元素

摘要：靜態(tài)定位下，每個元素在處在常規(guī)文檔流中，它們都是塊級元素，所以會在頁面中自上而下地堆疊。這說明絕對定位的元素脫離了常規(guī)文檔流，它現(xiàn)在是相對于頂級元素在定位。事實上，一個相對定位元素同時設(shè)置了和位移屬性值，實際上優(yōu)先級高于。這是《CSS設(shè)計指南》的讀書筆記，用于加深學習效果。前一篇CSS入門指南-2：盒子模型、浮動和清除介紹了css盒子模型、浮動和清除，這一篇介紹 css元素的定位。 ...

paulquei 2019-08-29 13:01 評論0 收藏0
CSS入門指南-3：定位元素

摘要：靜態(tài)定位下，每個元素在處在常規(guī)文檔流中，它們都是塊級元素，所以會在頁面中自上而下地堆疊。這說明絕對定位的元素脫離了常規(guī)文檔流，它現(xiàn)在是相對于頂級元素在定位。事實上，一個相對定位元素同時設(shè)置了和位移屬性值，實際上優(yōu)先級高于。這是《CSS設(shè)計指南》的讀書筆記，用于加深學習效果。前一篇CSS入門指南-2：盒子模型、浮動和清除介紹了css盒子模型、浮動和清除，這一篇介紹 css元素的定位。 ...

DesGemini 2019-08-01 17:15 評論0 收藏0
position 的屬性值

摘要：注意當該固定元素的祖先元素的屬性非時，容器由瀏覽器窗口改為該祖先元素粘性定位，相當于相對定位和固定定位的混合。粘性定位根據(jù)一個閾值決定，在大于等于閾值時采用相對定位，小于閾值后則為固定定位。理論上來說，全部 position 的取值有8個包括：position：static | relative | absolute | fixed | sticky | initial | inherit...

番茄西紅柿 2019-04-23 13:30 評論0 收藏0
CSS 中的定位

摘要：塊級元素生成一個矩形框，作為文檔流的一部分，行內(nèi)元素則會創(chuàng)建一個或多個行框，置于其父元素中。元素框從文檔流完全刪除，并相對于其包含塊定位。中的文檔流標準文檔流文檔流指的是元素排版布局過程中，元素會默認自動從左往右，從上往下的流式排列方式。 1 CSS 中的定位 1.1 了解定位（positioning）定位的基本思想：它允許你定義元素框相對于其正常位置應(yīng)該出現(xiàn)的位置，或者相對于父元...

beanlam 2019-08-23 18:23 評論0 收藏0
前端菜鳥筆記 Day-4 CSS布局

摘要：元素框從文檔流完全刪除，并相對于其包含塊定位。簡單來說就是，元素不再占用任何文檔流的空間，只剩下相對于包含塊的定位顯示。行框和清理浮動框旁邊的行框會被縮短，使行框圍繞浮動框，所以創(chuàng)建浮動框可以使文本圍繞圖像。文章大綱來源：【Day 3】HTML復習 + CSS基礎(chǔ) CSS框模型寬度和高度內(nèi)邊距外邊距 CSS定位浮動 CSS框模型內(nèi)容引用：CSS 框模型概述 CSS 框模...

go4it 2019-08-30 15:55 評論0 收藏0
前端菜鳥筆記 Day-4 CSS布局

摘要：元素框從文檔流完全刪除，并相對于其包含塊定位。簡單來說就是，元素不再占用任何文檔流的空間，只剩下相對于包含塊的定位顯示。行框和清理浮動框旁邊的行框會被縮短，使行框圍繞浮動框，所以創(chuàng)建浮動框可以使文本圍繞圖像。文章大綱來源：【Day 3】HTML復習 + CSS基礎(chǔ) CSS框模型寬度和高度內(nèi)邊距外邊距 CSS定位浮動 CSS框模型內(nèi)容引用：CSS 框模型概述 CSS 框模...

Honwhy 2019-08-02 14:12 評論0 收藏0