ブートストラップからレスポンシブな「コンテンツ」ボックスをプログラムする方法に問題があります。示されているJsFiddle-Linkのように、Bootstrap の内部をレスポンシブにしたいと考えていcontent-innerます。
私が持っているコンテンツ内箱に
固定幅の 1 つの div (赤)
2 番目のコンテナー (
articleコンテナー) は、ページの残りのスペースを取る必要があるコンテナーです (したがって、高さが大きくなると、白い背景が大きくなり、上部と下部の灰色のスペースが小さくなります)。このコンテナにはoverflow-yもありますが、右側のスクロールバーが下部にもスクロールバーがあるため、overflow-xは非表示になっています。（緑）3番目のものも幅が固定されています（青）
上下のスペースに注意、スペースがあるはずです。
この問題を実現/解決するための方法はあまり知りません。
ということで、実現方法をいろいろと調べてみたところ、CSS Calc() functionを見つけました。この「機能」は単なる実験的なものであるというのは本当ですか? この関数でテストしましたが、実際には成功した結果が得られなかったため、これ以上の方法はわかりません。
この問題を解決するためにテストしたときに発生した問題は、すべてのコンテンツが配置されているコンテンツ内部ボックスの白い背景が消えたことでした:/
Bootstrap クラスで修正しようとしましたclearfixが、成功しませんでした。
それで、この問題を解決する方法について何か解決策はありますか？
すべての役立つ結果と回答に感謝し、助けてくれてありがとう. :)