国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

css百分比問題——`top`、`left`、'translate'的百分比參照誰？

wall2flower / 2973人閱讀

摘要：比如屬性的方法他們的百分比都是相較誰而言的比如屬性的方法，他們的百分比都是相較誰而言的是基于父元素的的參數(shù)坐標和坐標位置參數(shù)，如果是百分比會以本身的長寬做參考如果是百分比，會以本身的長寬做參考的時候的時候把設(shè)置成的時候的左

比如 top、left、transform屬性的translate方法，他們的百分比都是相較誰而言的？

top、left是基于父元素的：

.parent {
    position: relative;
    background-color: rgb(243, 225, 225);
    height: 100px;
    width: 240px;
}

.child {
    text-align: center;
    width: 100px;
    background-color: cornflowerblue;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);  
}

translate的參數(shù)：left（x 坐標） 和 top（y 坐標） 位置參數(shù) ，

如果是百分比，會以本身的長寬做參考

top:0; left:0的時候：

把left設(shè)置成 50% 的時候，div.child的左、上距離就是div.parent的寬度的一半；

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/2175.html

相關(guān)文章

  • css魔幻屬性跟進篇

    摘要：中是這樣定義的屬性指定一個元素應沿其容器的左側(cè)或右側(cè)放置，允許文本和內(nèi)聯(lián)元素環(huán)繞它。其同樣適用于設(shè)置屬性為絕對定位或固定定位的內(nèi)聯(lián)元素。至于為什么，可以理解為內(nèi)聯(lián)元素沒有盒模型，其高度由內(nèi)容決定。 白話：即上一篇我腦中飄來飄去的css魔幻屬性自己的文章推出之后，這是自己寫的第四篇CSS相關(guān)的文章，文章絕大部分是自己工作總結(jié)得來，另一部分是平日sf回答的與面試中向面試官交流學到的，都是一...

    oogh 評論0 收藏0

  • 關(guān)于CSS的知識

    摘要：高度默認是沒有的，但是可以設(shè)置。居中設(shè)置上下間隔是水平居中。可以根據(jù)需求單獨的設(shè)置上下左右的外邊距。此屬性是用來聲明元素的顯示級別的。利用定位可以寫出關(guān)于任何網(wǎng)頁界面的簡單分塊，利用之前學習的相關(guān)知識可以實現(xiàn)部分功能。這兩天在學習關(guān)于HTML的知識，今天學習到CSS的知識，將自己所收獲的知識點歸納一下： 首先， 　　CSS聲明學習:?? ??? ??? ??? ? 1、在head標簽中使用s...

    ysl_unh 評論0 收藏0

  • 頁面制作HTML+CSS基礎(chǔ)亂燉

    摘要：標簽大集合語義化標簽頁面內(nèi)錨點我跳跳到這里來可用于回到頂部功能。表格中表示行，和表示列。當超出時會自動換行。屬性清除浮動通用方案實際上是添加了一個看不見的點號。 1. 里的 一定要放在第一行 ，如果放在了下面可能會有問題。 2.標簽大集合 showImg(https://segmentfault.com/img/bVMaUw?w=1366&h=767); 3.HTML5語義化標簽...

    ruicbAndroid 評論0 收藏0

  • 頁面制作HTML+CSS基礎(chǔ)亂燉

    摘要：標簽大集合語義化標簽頁面內(nèi)錨點我跳跳到這里來可用于回到頂部功能。表格中表示行，和表示列。當超出時會自動換行。屬性清除浮動通用方案實際上是添加了一個看不見的點號。 1. 里的 一定要放在第一行 ，如果放在了下面可能會有問題。 2.標簽大集合 showImg(https://segmentfault.com/img/bVMaUw?w=1366&h=767); 3.HTML5語義化標簽...

    ityouknow 評論0 收藏0

  • 手把手教你打造一個純CSS圖標庫

    摘要：方案由于圖標圖片比較多，而且體積很小，為了減少請求所以很多時候我們會用雪碧圖這種技術(shù)來將圖標拼湊在同一張圖片里面。你也能想到，一堆圖標的雪碧圖，修改維護會相當麻煩現(xiàn)在比較好的方案是使用引入圖片，小圖直接轉(zhuǎn)換成插入中。 來，干了這碗安利 寫這篇文章的目的其實就是為了安利一下我的圖標庫：iconoo，所以，開門見山，star吧少年少婦們！（這樣的我是不是應該要加個github互粉的團伙了？...

    ad6623 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<