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

資訊專欄INFORMATION COLUMN

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

wall2flower / 2982人閱讀

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

比如 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的參數：left（x 坐標） 和 top（y 坐標） 位置參數 ，

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

top:0; left:0的時候：

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/2175.html

相關文章

  • css魔幻屬性跟進篇

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

    oogh 評論0 收藏0

  • 關于CSS的知識

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

    ysl_unh 評論0 收藏0

  • 頁面制作HTML+CSS基礎亂燉

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

    ruicbAndroid 評論0 收藏0

  • 頁面制作HTML+CSS基礎亂燉

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

    ityouknow 評論0 收藏0

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

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

    ad6623 評論0 收藏0

發表評論

0條評論

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