部分小於內容

我在MVC剃鬚刀中獲得的默認佈局頁面的部分標記比其內容小。問題是我在裏面有一張大桌子，而且它正在用盡部分，而不是部分變得足夠寬以適應它。我已經在jsFiddle中重新創建了這個問題。你可以看到藍色盒子比紅色盒子薄很多。藍色部分是窗口的初始大小，但如果向右滾動，則會看到表格比部分寬。部分小於內容

如何獲取要擴大的部分以匹配其內容的大小？

<div class="page">   
    <section id="main" style="background:blue;height:50px"> 
     <table style="width:1000px; overflow:auto;background:red"> 
      <tr><td>lkjlkjlkjlkjjhgjhgjhgjgjhgjhg</td></tr> 

     </table> 
    </section> 
    <footer> 
    </footer> 
</div>

http://jsfiddle.net/sDG8n/1/

來源

2012-03-05 AaronLS

嘗試把overflow:auto的部分，而不是在桌子上。

來源

2012-03-05 18:19:28 Travesty3

的Spec說你這樣做是錯誤的：

的部分元素代表一個通用的文檔或應用程序節... section元素不是一個通用的容器元素。當需要爲造型的目的或爲腳本便利元素，鼓勵作者使用div元素，而不是

換句話說：使用DIV。

來源

2012-03-05 18:20:22

「你這樣做是錯誤的」你讀錯了。我明確指出這不是我所做的設計決定，而是默認使用MVC項目。我不願意在不理解鉤子/慣例可能依賴於它的情況下改變它。 – AaronLS 2012-03-09 01:11:30

浮動部分向左

<section id="main" style="float:left;background:blue;height:50px">

來源

2012-03-05 18:26:22

部分小於內容

回答

相關問題