max-height和height屬性同時設定時的情況
關於標題中的兩個屬性的基本用法這裡就不多介紹,具體可以參閱相關閱讀。
相關閱讀:
(1).max-height屬性可以參閱CSS max-height屬性一章節。
下面介紹這兩個屬性的關係,其實從字面意思看就很簡單,那就是max-height屬性是對height屬性的限制。
就算是設定height的字面值超過了max-height,也不會生效,程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> #box{ width:200px; max-height:200px; height:500px; background-color:red; } </style> </head> <body> <div id="box"></div> </body> </html>
上面程式碼演示了兩者的關係,當然對於max-width和width也是這樣的關係。
相關文章
- max-height和height屬性的區別簡單介紹
- 為什麼我們要使用min-height和max-height樣式屬性?
- jQuery建立一個元素同時設定元素的屬性jQuery
- CSS min-height和max-heightCSS
- view向全屏延伸時的屬性設定View
- html中的table標籤設定寬(width)高(height)屬性時遇到的小問題HTML
- 表單元素同時寫id和name屬性的作用
- 資料庫一些預設的屬性及情況設定查詢資料庫
- 當使用 position 屬性時,請始終設定 !DOCTYPE 宣告:當使用 float 屬性時,請始終設定 !DOCTYPE 宣告:
- 線性時間選擇(含平均情況O(n)和最壞情況O(n)演算法)演算法
- ACCESS 窗體的"模式"屬性只能同時存在一個模式
- canvas ImageData height 屬性Canvas
- 程式設計師修bug時的真實情況程式設計師
- canvas ImageData.height 屬性Canvas
- Oracle 時段負載情況Oracle負載
- ArcMap屬性表出現亂碼情況的解決
- Python的tkinter獲取元件屬性和設定元件屬性Python元件
- jQuery - 設定內容和屬性jQuery
- 同時重寫屬性的get和set方法系統報錯問題處理
- jquery設定和獲取元素的屬性jQuery
- C#反射設定屬性值和獲取屬性值C#反射
- win10系統怎麼設定揚聲器和耳機同時響_win10設定揚聲器與耳機同時播放的方法Win10
- Flutter實戰: 如何同時設定Container的圖片和顏色FlutterAI
- Win7下同時使用有線和無線時的優先順序設定Win7
- 表屬性設定
- JavaScript設定屬性JavaScript
- 檔案時間屬性
- 檢測LINUX程式的實時IO情況Linux
- php倒數計時出現-0的情況PHP
- 設定和獲取元素固有屬性值
- Python 訪問和設定私有屬性Python
- javascript實現的設定和獲取元素屬性JavaScript
- jQuery設定disabled屬性與移除disabled屬性jQuery
- Xcode設定自己的個性屬性XCode
- Cookie設定HttpOnly屬性CookieHTTP
- CSS中常用的屬性設定CSS
- Gradle的屬性設定大全Gradle
- screen.width和screen.height屬性作用介紹