css div布局定位和邊距問題

2021-08-18 07:11:21 字數 303 閱讀 1814

1 當你在乙個大的容器裡面給兩個小的容器定位的時候

position:absolute; 這個容器相對于父元素定位,初始位置在父元素的左上角。

位置。給元素排列位置,乙個元素佔滿一行,即使你設定了width也是沒有用的,雖然容器只使用你設定的寬度。但是當你設定了

float或者display:inline的時候,你設定width元素就是管用的了,

2   在預設情況下你布局的時候,兩個子容器之間是存在邊距的,這是預設的邊距,所以如果你不想要這些邊距的存在,你可以

設定padding(內邊距) 和margin(外邊距)

CSS浮動和定位 邊框邊距

盒子邊框邊距 margin 外邊距 padding 內邊距 top 上邊距 left 左邊距 right 右邊距 bottom 下邊距 border 邊框 content 內容 浮動float left float right float none 預設 定位position static 靜態定位...

絕對定位和負邊距的應用

1方法 a 父容器加相對定位 b 給字元素加絕對定位 c top left 50 d margintop height marginleft width 取子元素的一半 2.舉例 3.結果 1.作用 可以實現讓中間的內容先載入出來 2.方法 a 在預設情況下 給center加marginleft 2...

邊距重疊問題

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