border佔據邊距的問題

2021-07-10 12:41:06 字數 450 閱讀 2819

box-sizing 屬性允許您以特定的方式定義匹配某個區域的特定元素。

例如,假如您需要併排放置兩個帶邊框的框,可通過將 box-sizing 設定為 "border-box"。這可令瀏覽器呈現出帶有指定寬度和高度的框,

並把邊框和內邊距放入框中。

div.box值描述

content-box

這是由 css2.1 規定的寬度高度行為。

寬度和高度分別應用到元素的內容框。

在寬度和高度之外繪製元素的內邊距和邊框。

border-box

為元素設定的寬度和高度決定了元素的邊框盒。

就是說,為元素指定的任何內邊距和邊框都將在已設定的寬度和高度內進行繪製。

通過從已設定的寬度和高度分別減去邊框和內邊距才能得到內容的寬度和高度。

inherit

規定應從父元素繼承 box-sizing 屬性的值。

邊距重疊問題

1 在布局的時候會碰見子元素設定邊距影響父元素的情況,對已經布局好的介面產生影響。parent child 正常情況下 當給child類新增margin 20px 屬性之後,檢視變成 父元素同時也margin影響 解決方法 1 給父元素設定邊框 border 1px solid ccc 2 給父元素...

簡述inline block的邊距問題及解決方法

當我們將乙個元素的display設定為inline block時,設定好各元素的寬高及顏色後,這個邊距就會詭異的出現了,即使你使用 margin 0 padding 0 也是無法消除的。charset utf 8 title type text css div style head div div ...

ReportViewer 的邊距設定

reportviewer 報表的載入方式有兩種 一種是嵌入式資源,一種是檔案路徑 使用路徑方式載入報表並修改報表檔案,可以設定列印的頁邊距。如下 此設定中較為難處理的地方主要是讀取和設定節點值。因為報表xml檔案中,使用了微軟的報表命名空間,因此在讀取和設定時,必須考慮此問題。而我們一般在自己寫的x...