背景: 在查詢資料記錄的乙個頁面上使用bootstar 框架的分頁外掛程式作為顯示資料**的工具.
問題: 當查詢的範圍在乙個較短的時間內時, 子元素是乖乖的呆在父元素內部的, 但是一但將查詢的時間範圍擴大, 裝著資料**的div 盒子就會溢位 父元素盒子
這就很尷尬了
思路一: 對元素的控制還不夠精確
但是經過排查, 盒子的控制範圍是正確的, 不存在錯誤, 而且該元素的父級盒子並不是動態拼接生成的, 所以這個猜想是錯誤的.
思路二: 分頁外掛程式控制出錯
但是在修改時間範圍後, 資料**雖然超出了父盒子的範圍, 但是對於操出每頁規定的頁數的資料還是會自動分頁的, 對頁面的切換是正常的, 所以這個猜想是錯誤的.
思路三: 忽然就想到一點, 會不會是子元素增長了, 而父元素沒有跟上腳步呢?
這個問題就很好解決了, 在控制子元素的上一層div處新增一條css樣式屬性就行了
overflow: -webkit-paged-x;但是這會有乙個遺留問題
這就很尷尬了,,,這個坑先放著,等哪天有想法了再來處理吧.反正這個報錯對頁面的正常顯示是沒有問題的
嚶嚶嚶頁面布局 盒模型
css框模型 譯者注 也被稱為 盒模型 是網頁布局的基礎 每個元素被表示為乙個矩形的方框，框的內容 內邊距 邊界和外邊距像洋蔥的膜那樣，一層包著一層構建起來。瀏覽器渲染網頁布局時，它會算出每個框的內容要用什麼樣式，周圍的洋蔥層有多大，以及框相對於其它框放在 文件的每個元素被構造成文件布局內的乙個矩形...
html 彈性盒模型
父元素 display flex,flex direction,justify content,align items,align content 要使用彈性盒模型需要設定display flex 設定了flex direction的乙個方向為主軸則另乙個方向就為側軸，這個需要分清 1 flex d...
了解HTML 盒模型
html在布局上,有乙個非常重要的模型,那就是盒子模型,在盒子模型中把標籤內容理解為乙個物品,而css樣式理解為包容著這個物品的盒子,一般的塊級標籤都具有盒子模型的特徵,你可以在css中對這個盒子進行設定,以達到自己布局的目的,我這裡繪製了個簡圖,只寫了內填充和外邊距,因為我感覺其他的屬性更好用文字...