CSS：圖表走出容器

我不確定這是從哪裏控制的，你能指出我嗎？我是新來的CSS。CSS：圖表走出容器

調整窗口大小時，圖表會獲取容器。你在CSS中控制這個在哪裏？我不需要調整圖表的大小，至少隱藏它呢？那可能嗎？

enter image description here

我使用Twitter的引導和這裏是HTML生成

<div class='row-fluid'> 
    <div class='span9'> 
     <div class='box'> 
     <div class='box-content padded' style='text-align: center'> 
      <div id='graphs' style='width:860px; margin:0 auto;' title='test'> 
      <div id='chart' style='display: inline-block;' title='test'></div> 
      </div> 
     </div> 
     </div> 
    </div> 
    <div class='span3'> 
     <div class='box'> 
     <div class='box-content padded'> 
      Hosts ... 
     </div> 
     </div> 
     <div class='box'> 
     <div class='box-content padded'> 
      <b> Services ... </b> 
      <br> .... </br> 
     </div> 
     </div> 
    </div> 
    </div> 
</div>

來源

2013-07-20 nevermind

調整大小的圖表，以適應父容器是容易的;只需在圖上使用width:100%即可。與此代碼

<div id='graphs' style='width:860px; margin:0 auto;' title='test'>

：

<div id='graphs' style='width:100%; margin:0 auto;' title='test'>

那是什麼做的是設置圖形寬度的父元素的百分比，這是box-content padded類的div因此，在你的代碼，將這段代碼。因此，如果我們將width設置爲100%，則圖表始終與容器的大小相匹配。

來源

2013-07-20 02:28:51

哇謝謝！我應該開始閱讀一本關於CSS的書... – nevermind

我強烈建議閱讀文檔。如果你是全新的，請嘗試W3Schools。如果您對CSS更有經驗，請嘗試MDN。 –

謝謝你，我會的 – nevermind

CSS：圖表走出容器

回答

相關問題