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

資訊專欄INFORMATION COLUMN

解決“有邊框的子元素寬度設定絕對值后，縮放瀏覽器會錯位”的兩種方法

ad6623 / 603人閱讀

摘要：現象用浮動布局時，如果為子元素的寬度指定絕對值，并且子元素具有邊框，在縮放瀏覽器的時候會出現錯位現象。舉例正常顯示效果縮小為原本后產生錯位解決方法一利用屬性的指定寬度和高度最小最大屬性確定元素邊框。

現象:

用浮動布局時， 如果為子元素的寬度指定絕對值，并且子元素具有邊框，在縮放瀏覽器的時候會出現錯位現象。
這種現象產生的原因是：
瀏覽器縮放時，子元素父元素的內容都等比例縮放，而子元素的邊框不能等比例縮放，在縮放到達一定程度后，會造成子元素大于父元素，從而產生錯位現象。

舉例： 

    
left

    
right

正常顯示效果：

縮小為原本67%后產生錯位：

解決方法一：

利用box-sizing屬性的border-box.[border-box:指定寬度和高度（最小/最大屬性）確定元素邊框box。也就是說，對元素指定寬度和高度包括padding和border的指定。內容的寬度和高度減去各自雙方該邊框和填充的寬度從指定的"寬度"和"高度"屬性計算]
css：

縮放50%后的效果

解決方法二：

將子元素浮動，即兩個元素不在一個文檔流中，從而避免產生錯位
CSS：

縮放30%后的效果:

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

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

相關文章

  • 解決跨域的兩種方案JSONP和CORS

    摘要：由于第二種方法如今已經采用的非常少，所以我們在這兒不做講解一帶填充的是一種可以在中繞過同源策略，并發起跨域請求的使用模式，可以啟動的跨域請求同源策略有一個顯著的例外，腳本元素是可以規避檢查的。 講跨域之前，我們先來講同源策略（SOP），同源策略是網景公司提出的一個著名安全策略。所謂同源就是域名、協議、端口相同。例如http://www.12306.cn中，http就是超文本傳輸協議，1...

    曹金海 評論0 收藏0

  • Django ORM層日志的兩種實現方式

    摘要：最近開發一個內部的記錄系統其中有一個需求要求將所有數據庫操作記錄下來為此想了一些方案記錄一下思路演化這個需求出來的一瞬間我就否定了在業務邏輯層保存操作記錄的方案我認為這樣耦合度比較高成本也太高代碼也會大量重復的操作中刪除操作會調用的方法增改 最近開發一個內部的記錄系統,其中有一個需求要求將所有數據庫操作記錄下來,為此想了一些方案.記錄一下. 思路演化 這個需求出來的一瞬間我就否定了在業...

    CKJOKER 評論0 收藏0

發表評論

0條評論

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