[英]100% width inside an overflow-x: auto element
我正在嘗試模擬在需要時顯示水平滾動條的選項卡控件。
我在這里發布了一個簡化的示例： http : //jsfiddle.net/e8My6/
我在標簽下面有一個頁腳div，我想始終將其水平擴展到外部滾動div的整個寬度。
但是，它僅采用外部div的客戶矩形的寬度，而不是其所有內容。
有沒有一種純CSS的方法可以使頁腳占據整個寬度？
100％必須繼承自某種東西，因此您可以為外部div中的所有元素創建一個包裝器，並為其指定所需的寬度。 然后頁腳將繼承它。 但我認為您將無法做到這一點，因此您可以使用JavaScript分配寬度，基於外部div中所有元素的寬度之和
sticky table header inside overflow-x div with 100% width
[英]Sticky table header inside overflow-x div with 100% width
如何將子元素的寬度設置為全寬度，而不是“可見”寬度（由overflow-x裁剪：自動）
[英]How to set width of child element to full width rather than 'visible' width (clipped by overflow-x: auto)
帶有溢出-x 的 Bootstrap pre 元素：auto 具有窗口的寬度而不是父級
[英]Bootstrap pre element with overflow-x: auto has the width of the window instead of the parent
contenteditable overflow-x 不斷擴展寬度：100%
[英]contenteditable overflow-x continually expanding with width: 100%
使用溢出-x從特定元素確定mouseEvent的offsetX：自動
[英]Determining offsetX of a mouseEvent from a particular element with overflow-x: auto
具有overflow-x自動父級的父級內部的Bootstrap 4下拉列表
[英]Bootstrap 4 dropdown inside a parent with overflow-x auto parent
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
