今天做了乙個demo,自己用原生的js寫了乙個輪播圖,那麼問題來了,當你用百分號表示margin-left的時候,他取得百分號的數值是以誰做為基準而取得值呢?子元素和父元素的width都是百分號表示,
比如乙個很簡單的額例子了,當乙個div裡面有乙個div時,下面我就通過2個簡單的demo來解釋這個問題
1、如果父元素div大於裡面的子元素div,圖**如下:box為父元素 ,bos為子
結果如下
可見結果百分號(
%)的值是以它的父元素的寬為基準;
2.如果外面的父元素div小與裡面的div box為父元素 ,bos為子
先看結果
大家思考一下,為什麼我要把margin-left的值設為-60%?
其實這是有原因的,子元素佔了父元素的160%;就說明子元素在他父親的基礎上還比他父親大60%;那麼,如果margin-left的取值是以父親寬為基準,那麼上面的結果應該是右邊對齊了。結果正是如此,看來我們的結論是正確的,
這句話也可以這麼理解:子元素以父親為基準比他大60%,那麼他再以他父親為基準向左移動60%,那麼他們的右邊是不是就對齊了
特別注意:margin-top如果用百分號表示,他也是以父元素的寬為基準的,有興趣的同學可以親自測試一下。
特殊用法 百分號 井號
為了完整起見,我這裡再用一些例子加以說明 的一些特異功能 假設我們定義了乙個變數為 file dir1 dir2 dir3 my.file.txt 我們可以用 分別替換獲得不同的值 拿掉第一條 及其左邊的字串 dir1 dir2 dir3 my.file.txt 拿掉最後一條 及其左邊的字串 my....
Shell中變數的單百分號 和雙百分號 的作用
使用百分號將變數的內容從變數的後面刪除,並從變數的尾部刪除。不同的是,乙個 號表示從尾部最近的匹配刪除,兩個 從尾部最遠的匹配刪除。同時支援使用萬用字元。比如 先宣告乙個變數 filename aaabbccddaabbccdd使用乙個百分號擷取尾部bb echo 結果 aaabbccddaa可以看...
MySQL求百分比帶百分號
round concat 推薦 concat round a.price b.price b.price 100,2 concat round a.price b.price b.price 100,3 a.price b.price b.price 0.234467 23.45 a.price b...