CSS的width:100%和width:auto區別
[1] width:100% 並不包含margin-left margin-right的屬性值,直接取其父容器的寬度加上含margin-left /margin-right的值。如果設定了margin那新的width值是容器的寬度加上margin的值。(細心觀察)就會發現加了 margin相對應的邊就會多出設定的空白。而且會多出橫向滾動條因為寬度已經超出了螢幕的範圍。(這條相對於父容器是body)。
[2] width:auto包含margin-left/margin-right的屬性值。其值包含margin-left /margin-right的值。width:auto總是佔據整行!!!這其中margin的值已經包含其中了(也就是一整行)如果要設定margin的值那就用一整行然後減去margin的值就得到了現在的寬度了。減去的這個值就是相應邊得空白。顯著的特徵是這個沒有橫向滾動條出現也就是寬度沒有增加。
[3] 在IE6下顯示不正常,但是在IE8和IE9下顯示正常,可能是IE8和IE9對width:100%的解析與IE6不同所致,但是兩者對width:auto的解析是一致的。
相關推薦
CSS的width:100%和width:auto區別
[1] width:100% 並不包含margin-left margin-right的屬性值,直接取其父容器的寬度加上含margin-left /margin-right的值。如果設定了margin那新的width值是容器的寬度加上margin的值。(細心觀察
width:100% width:auto; 區別
<div> <p>1</p> </div> div{width:600px; overflow:auto; } p{ width:100%; padding:10px; } p{
width:100%和width:inherit
屬性 結構 有一點 後來 round 不能 epp 你們 支持 前幾天遇到過這麽一個問題。我想讓子盒子的寬度等於父盒子的寬度。父盒子寬度為一個具體值比如說200px.我將子盒子寬度設為了100%。按道理說應該是可以等於父盒子的寬度的,但結果並沒有,而是通欄了。然後我又將子盒
html中的一些知識點(input的size和width的區別,HTML字元實體,複選框中的checked,等等知識點)
html中的一些知識點(input的size和width的區別,HTML字元實體,複選框中的checked,等等知識點) 直接看下面的程式碼和截圖 <%@page import="org.apache.jasper.tagplugins.jstl.core.ForEach"%>
background-size中,100%和cover的區別
background-size中,100%和cover都是用於將圖片擴大或者縮放來適應整個容器 background-size:100% 100%;---按容器比例撐滿,圖片變形; background-size:cover;---把背景圖片放大到適合元素容器的尺寸,圖片
【原創】android裡layout_width和width的區別
【】剛接觸android,遇到xml裡的android:layout_width和android:width,覺得他們類似,但是有說不出有什麼區別,google後覺得說的都不太明白,遂自己試驗,成果如下: 概括的說,view中的layout_width形容的是本view和父容器的關係,比如button和包含
MySql : varchar 和varchar 的區別 mysql int(10)的含義 MySql中varchar(10)和varchar(100)的區別==>>以及char的利弊
mysql int(10)的含義 int(M) M表示最大顯示寬度。最大有效顯示寬度是255。顯示寬度與儲存大小或型別包含的值的範圍無關。 在 int(M) 中,M 的值跟 int(M) 所佔多少儲存空間並無任何關係。 int(1)
width和min-width的區別和差異性比較
1、正常情況下: width :給塊級元素/行內塊 元素設定固定的寬度,或者固定百分比的寬度。 min-width: 當盒子內部元素寬度小於 min-width的值時,盒子寬度為 min-width的值,當盒子內容寬度大於
Auto-encoders、RBM和CNN的區別
Auto-encoders、RBM和CNN的區別 學DL的過程中,發現有DL也有自己的分支,一個RBM構成的DBN(深度信念網路),一個是用CNN(卷積神經網路),都瞭解一點,卻說不清它們之間的區別,所以整理了一下: Autoencoder is a simple 3-layer neu
border-radius:50%和100%究竟有什麼區別
在學習css的過程中,我們一般想要得到一個圓的話,那麼border-radius這個屬性的必不可少的,有時候我們把這個值設定成了50%,OK正常,有時候又設定成100%,也能work well ,那這兩個之間的區別到底是什麼呢 這是一個 150px x 150
canvas裡設定width和css裡設定width和js裡設定width的區別
canvas.width 和 它的style.width是不一樣的: canvas是個畫布,有他自己的寬和高(預設是沒有單位的純數字),就是canvas.width和canvas.height的寬和高, &nb
layout_width和width有什麼區別
我們在寫佈局檔案的時候,宣告控制元件的時候layout_width和layout_height是控制元件必須的屬性。其實控制元件還有一個width屬性,只不過我們一般不需要設定它。雖然我們不常用,但是我們也有必要去了解它。那麼這兩者之間究竟有什麼區別呢,我記得原來看過
background-size,100%,content和cover的區別詳解
background-size中,100%和cover都是用於將圖片擴大或者縮放來適應整個容器。 1、引數: background-size:contain; // 縮小圖片來適應元素的尺寸(保持畫素的長寬比); background-size :cover
style.width 和offsetwidth的區別
當我使用JS的時候 , 我發現有時候用style.width不能獲取元素的值. 後面我才明白 style.width只能獲取當前元素的行間樣式,不能獲取元素的內部樣式 當你的width或者height寫在CSS樣式中的時候,在JS裡你的style不能獲取到width,
ADOTable的CancelUpdate和CancelBatch的區別?(100分)
謝謝 刷新 dota ado body ctr 點擊取消按鈕 fec try 出差新疆,修改別人的代碼,請教CancelUpdate和CancelBatch的區別! 如果希望取消對當前記錄所做的任何更改或者放棄新添加的記錄,則必須調用CancelUpd
cookie 和session 的區別詳解
重復 處理方式 一行 所有 有效 依據 是把 存儲 一個 二者的定義: 當你在瀏覽網站的時候,WEB 服務器會先送一小小資料放在你的計算機上,Cookie 會幫你在網站上所打的文字或是一些選擇, 都紀錄下來。當下次你再光臨同一個網站,WEB 服務器會先看看有沒有它上次留下的
JS中isPrototypeOf 和hasOwnProperty 的區別
另一個 strong 是否 指定 不同 名稱 功能 成員 eof 1、isPrototypeOf isPrototypeOf是用來判斷指定對象object1是否存在於另一個對象object2的原型鏈中,是則返回true,否則返回false。 格式如下: object1.is
struts1和struts2的區別
mvc 項目 專註 邏輯 表單 類對象 區別 action 層次 struts是Apache基金會的一個開源項目。struts提供了通用的MVC:模型層(專註於業務邏輯(數據的存儲、處理))、視圖層(數據在瀏覽器端的顯示)、控制層(連接模型層與視圖層)、 MVC架構:層次分
Statement, PreparedStatement和CallableStatement的區別
通過 請求 簡單 state 頁面請求 對象 以及 最好 功能 Statement用於執行不帶參數的簡單SQL語句,並返回它所生成的結果,每次執行SQL豫劇時,數據庫都要編譯該SQL語句。 Satatement stmt = conn.getStatement(); st
清空文件內容命令之echo和/dev/null區別?
linux 字符串 null 定向 我們知道清空文件內容有很多種方法我們只談論echo "" 和 /dev/null這兩種有什麽區別一、黑洞設備/dev/null是什麽?在 Linux 中, null 設備基本上被用來丟棄某個進程不再需要的輸出流,或者作為某個輸入流的空白文件,這些通常可以利用