1. 程式人生 > >用百分比佈局時,子元素那些屬性值取決於父元素的高那些屬性取決於寬

用百分比佈局時,子元素那些屬性值取決於父元素的高那些屬性取決於寬

前言

我們先想個問題,帶著問題看這篇文章可能會理解的更好一點:百分比佈局時,子元素豎向的屬性值都是取決於父元素的高嗎?

慢慢向下看

  1. 取決於父元素高度的:[max/min-]height、top、bottom 等;後兩者是在有position屬性的前提下
  2. 取決於父元素寬度的: [max/min-]width、left、right 等;同理left和right也是在有position屬性的前提下;
  3. 那麼padding-top、margin-top…等四個方向的值取決於誰呢?
他們都是取決於父元素的寬,和父元素的高沒有一點關係

俗話說的好,眼過千遍不如手過一遍,我們自己試試之後就會真真的記住了

在這裡我就不寫demo了,大家自己動手試一下

發散拓展部分

相對於自身寬高的border-radius、background-size、transform: translate()、transform-origin、zoom、clip-path 等;

如果您對我的部落格內容有疑惑或質疑的地方,請在下方評論區留言,或郵件給我,共同學習進步。

郵箱:[email protected]

相關推薦

百分比佈局元素那些屬性取決於元素那些屬性取決於

前言 我們先想個問題,帶著問題看這篇文章可能會理解的更好一點:百分比佈局時,子元素豎向的屬性值都是取決於父元素的高嗎? 慢慢向下看 取決於父元素高度的:[max/min-]height、top、bottom 等;後兩者是在有position屬

【問題】套子元素的外邊距傳遞給元素解決辦法

css charset wid 阻止 nbsp tab gree back margin 使用空的<table>標簽可以隔離父子元素的外邊距,阻止外邊距的重疊(直接添加會產生 無用標簽,要在CSS中添加屬性) 1 <!DOCTYPE htm

設置戶密碼將全角轉換為半角

英文字母 har 分享 elf bsp log 密碼 解決 mage 情景: 註冊管理員賬號,用戶輸入的是全角密碼,登錄時輸入半角密碼,顯示密碼錯誤 解決方案: 將全角密碼改成半角密碼 var password = self.loginForm.password /

【轉】編寫質量代碼改善C#程序的157個建議——建議141:不知道該不該大括號

body pos 高質量 一行 ron strong gpo clas div 建議141:不知道該不該用大括號時,就用 如果if條件語句只有一行語句,要不要使用大括號? 答案是:建議使用。一個括號不會增加多少代碼,但是卻讓代碼看上去增加了一致性。括號本身只會讓代碼更具

類中存在有參構造函數函數必須將其實現。

構造函數public static class A{ int a; public A(int c){ a=5; } } //可以看出父函數若存在有參的構造函數,子函數在繼承的時候必須實現它。 public static class B extends A{ pu

重繪ListCtrl中增加控制元件Edit是控制元件失去焦點控制元件不進行隱藏

問題:現在有一個listctrl控制元件,需要在某一列上新增一個子控制元件edit。當點選子控制元件(edit)時,子控制元件顯示出來,父控制元件(ListCtrl)已經失去焦點了。此時,要是滑鼠點選的位置不在該控制元件內,edit處於顯示狀態,父控制元件(ListCtrl)是失去焦點狀態。

無線網路覆蓋-java中Math.sqrt()必須要注意小數問題

時間限制:3000 ms  |  記憶體限制:65535 KB 難度:3 描述 我們的樂樂同學對於網路可算得上是情有獨鍾,他有一個計劃,那就是用無線網覆蓋鄭州大學。 現在學校給了他一個機會,因此他要購買很多的無線路由。現在他正在部署某條大道的網路,而學校只允許把他的無線路由器放在路的正中間。我們預設這條大道

mybatis xml中實現一對多查詢 查詢帶多個引數

1、mapper檔案中: List<Object> getXXXXX(@Param("taskId")String taskId,@Param("taskType")String taskType); 2、xml檔案中 <select id="" resultMap

[轉載]Oracle 11G在EXP 匯出空表不能匯出解決

  11G中有個新特性,當表無資料時,不分配segment,以節省空間   解決方法:   1、insert一行,再rollback就產生segment了。   該方法是在在空表中插入資料,再刪除,則產生segment。匯出時則可匯出空表。   2、設定deferred_segment_creat

ie9 scrollbar bug(IE9容器overflow:auto容器狀態更改導致滾動條下出現額外空間)

轉自文章  http://www.jackness.org/2011/10/18/ie9-scrollbar-bug/ 當我們製作表單的時候,有時候會遇到資料過長,表單列數過多,需要橫向滾動條的需求,我們一般的做法是 給這個表格的外層加一個 scroll_a

python matplotlib儲存圖間重疊、圖間距

這裡先說下,如果是系統地學了一遍matplotlib,就該避免這種問題。可是我沒有。於是就用到哪裡就去查哪裡,記錄一下這個坑。 畫了多個子圖時,在儲存的時候出現了以下問題,就是子圖之間有重疊。這種情況發生在我呼叫函式畫圖後,函式返回一個fig物件(fig=plt.gcf()),利用下面這行:

Cadence PCB Editor pcb 佈局元件的對齊

(1)首先要選擇操作的模式:PCB空白處右鍵:Application Mode -> Placement Edit,如下圖。    (2)然後,選擇需要對齊的器件,右鍵:Align compon

Live555做RTSPClient利用RTP時間戳進行音視訊同步的解決方案(必須有RTCP支援才可行)

http://www.mworkbox.com/wp/work/551.html 先看來自Live555官網的2個常見問題: 問題1:Why do most RTP sessions use separate streams for audio and video?

到select2臨時抱佛腳學習了一下

$('#e3').select2({       placeholder: "請輸入",       minimumInputLength: 1,       separator: ",", // 分隔符       maximumSelectionSize: 5, // 限制數量       in

hyperscan-pythonfatal error: Python.h: No such file or directory

1、centos7.3用hyperscan-python時報錯:fatal error: Python.h: No such file or directory 系統中沒有python.h的原因,是因為沒有安裝python的開發版,即Python-devel這個包,命

UITableViewCell亮(按下)檢視背景色變透明的解決方法

UITableViewCell highlighted subviews backgroundColor自定義的UITableViewCell,在上面新增一個UIView(這裡是UILabel),設定UILabel背景色。但是當cell處於按下狀態時,UILabel背景色就會

在Windows系統下pip安裝PremissionError錯誤解決辦法

當用pip install package_name 語句直接安裝時,出現如下報錯: C:\Users\wangz>pip install pygame Collecting pygame   Using cached pygame-1.9.3-cp36-cp36m-

解決Oracle 11g在EXP匯出空表不能匯出

一、問題原因: 11G中有個新特性,當表無資料時,不分配segment,以節省空間 1、insert一行,再rollback就產生segment了。 該方法是在在空表中插入資料,再刪除,則產生segment。匯出時則可匯出空表。 2、設定deferred_segment_creation 引數 sh

新增檢視控制器檢視控制器的viewWillAppear方法不呼叫

直接貼程式碼: [baseController beginAppearanceTransition:trueanimated:false]; [self.viewaddSubview:baseController.view]; [baseController e

轉:使用Maven建立多module工程module的pom檔案報 must be "pom" but is "jar" 錯誤。

原文地址:http://blog.csdn.net/yuxxz/article/details/52505051 今天建立一個maven工程,建立完成時沒有考慮要建立子maven專案。 在編碼過程中發現需要建立子模組,於是在maven工程下建立新的子maven專案,子專