子div超出父div部分橫向滾動,不換行

2022-09-11 11:18:18 字數 720 閱讀 6798

父div:

.rootbar

子div:

.childrenbar

display的值及解釋:

block: 塊物件的預設值。將物件強制作為塊物件呈遞,為物件之後新增新行

none: 隱藏物件。與   visibility   屬性的hidden值不同,其不為被隱藏的物件保留其物理空間

inline: 內聯物件的預設值。將物件強制作為內聯物件呈遞,從物件中刪除行

inline-block: 將物件呈遞為內聯物件,但是物件的內容作為塊物件,旁邊的內聯物件會被呈遞在同一行內

compact: 分配物件為塊物件或基於內容之上的內聯物件

marker: 指定內容在容器物件之前或之後。要使用此引數,物件必須和:after及:before偽元素一起使用

inline-table: 將**顯示為無前後換行的內聯物件或內聯容器

list-item :將塊物件指定為列表專案。並可以新增可選專案標誌

table-caption: 將物件作為**標題顯示

table-cell: 將物件作為**單元格顯示

table-column: 將物件作為**列顯示

table-column-group: 將物件作為**列組顯示

table-header-group: 將物件作為**標題組顯示

table-footer-group: 將物件作為**腳注組顯示

解決子div撐不開父div

今天專案遇到問題記錄,找了半天的方法都好像都不適用我的.最後大佬兩句話解決,記錄下來希望對小夥伴們有用 方法一 推薦 設定父div的overflow hidden 自己結果 僅供參考 此方法我的會把多餘的隱藏.然而並不是我想要的結果 撐開 方法二 父div結束前增加乙個空div style clea...

子Div使用Float後如何撐開父Div

乙個div包含了多個子div,並且子div使用了浮動後,父div確不能被撐開,如下圖 部分 如下 1 style 2 div1 3 div2,div3 4style 56 div id div1 7 div id div2 twodiv 8 div id div3 onediv 9div 如果想要撐...

子Div使用Float後如何撐開父Div

乙個div包含了多個子div,並且子div使用了浮動後,父div確不能被撐開.部分 如下 two one 如果想要撐開父元素可以採用以下方法 方法一 父元素設定overflow以及zoom,樣式如下 方法二 父元素也是設定浮動效果,樣式如下 此方法有個缺陷是,父元素的寬度需要設定。方法三 在新增乙個...