我使用引導CSS樣式我的網站。 我的代碼很簡單如何解決引導容器溢出問題?
<div id="outer" class="container" style="border:solid">
Test
<div id="inner"class="container" style='border:solid width="1280px" '>
some text
</div>
</div>
因爲我使用bootstarp,外層div的寬度爲1170px,但是,正如你所看到的,我硬編碼內div的寬度1280px,寬於它的父DIV。 從下圖可以看出,內部div的右邊緣與外部div重疊,但左邊緣保持不變。
我的問題是,我能做些什麼不僅擴展內部div的右側,而且擴展內部div的左側。換句話說,始終保持內部div對齊中心。
請幫我解決這個問題 http://jsfiddle.net/FQUXQ/ 任何輸入,非常感謝。
------------------ UPDATE ---------------------
http://www.helloerik.com/the-subtle-magic-behind-why-the-bootstrap-3-grid-works這個文章介紹了網格系統如何工作。
小提琴看起來好嗎?您可以嘗試將* {box-sizing:border-box;}添加到您的CSS – SW4
@ExtPro謝謝。所以{box-sizing:border-box;}是用於外部div還是內部div? – Xavier
是否有效? – SW4