請問div盒子設定原有的畫素在設定padding margin,盒子放不下為什麼要縮小盒子的寬高

2021-04-21 07:16:00 字數 1183 閱讀 9734

1樓:匿名使用者

很簡抄單。給你舉個例子

上圖假如是乙個**的某個模組的布局。左右結構的

右邊的盒子就是你說的 300*300px的

給右邊的盒子加上padding10  相當於右邊的盒子 內部四邊各加了10px,這樣盒子就變成了寬度300+10+10=320px  所以就超出右邊原來盒子的300寬度了,當然高度也是320px了。。

然後你還想給這個變成320的盒子加上margin 10px,相當於在320px盒子的外面四邊加了10px,所以此時盒子就變成了320+10+10=340px。。。

右邊本來規定的只能是300px,你現在超出了40px  ,所以只能縮減設定300寬度盒子的畫素。所以用300-40=260px是正合適的。。。

你想想  260px的盒子 加上margin 10px  加上padding10px   不就是260+10+10 +10+10=300px麼。。所以還是原來的300px

不懂可追問。

---------滿意採納奧------

2樓:匿名使用者

你這思路有點亂呀,能不能說的詳細一些

3樓:o歸隱情緣

其實你說的更改盒子為400也是可以的,但是不合理而已,首先你的布局規定這個盒子要是300px的,你為了能裝下裡面的內容把盒子設定為400px那就是不合理的。所以就只能通過把裡面裝內容的盒子改小來實現

學習css盒子模型是遇到了點問題,當兩個盒子巢狀在一起時margin和padding怎定義的?請高手看**釋一下! 10

4樓:匿名使用者

你說的問bai題 是在

duie6,7下 div2的margin值無效 對吧 ? 你要zhi

理解 在ie中,dao乙個元素要麼自己對自身內的內容進行

5樓:問題少年

出現這種情況

和margin摺疊的道理很相似 你可以參

考一下

margin摺疊是css2.1規範的回一項你可以參考答w3c官網的文件說明

具體的解決辦法要視情況而靈活變通!

網頁設計,點選彈出div 盒子,JSP網頁,HTML怎麼用div盒子做彈出式選單,就是當滑鼠移動到目標的超連結時,就會自動彈出乙個選單?

效果圖 簡單的 彈出div 自己可以複製 執行下,應該是你要弄的效果吧。有不理解的可以追問我哦!記得採納哦。或者選為優質。謝謝啦。用bootstrap的modal或者自己寫個div 隱藏狀態 點選時顯示。哎,你這麼問,我只能告訴你,你可能根本不懂js,jquery。但凡你懂點的話,都不會這麼問,你會...

如何設定當滑鼠移動到div上時,下面顯示兩個div

這是需要javascript完成的 調和轉罐 一轉多多轉一 商標 style background color 3366ff color white height 26px width 85px 權 style background color 3366ff color white height 2...

css中怎麼設定div相對位置後,又不佔位置的

設定div 相對位置後你可以將它鄰近的盒子設定成relative相對定位,不脫標準。然後在裡面加上這個盒子 box relative css div 相對位置又可以不佔空間位置,應該如何設定 absolute 生成絕對定位的元素,相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 ...