流體HTML框架

如何在下面的代碼中放置'content'，使其不會與右邊的文本框重疊，因爲在放大時，'content'與側邊欄內容重疊！！流體HTML框架

<div class="container_16"> 
<div class="grid_16"> 
    <div class="grid_10" style="float:left;">   
     <p>Content....</p>    
    </div> 
      <div class="grid_6" style="float:right"> 
       <p>Sidebar content</p> 
      </div> 
    </div> 
</div>

來源

2012-12-09 Sumit Gera

也可以用最小寬度屬性來設置最小寬度爲所述容器的div像下面

<div class="container_16" style="min-width:250px"> 
<div class="grid_16"> 
    <div class="grid_10">   
     <p>Content............</p>    
    </div> 
      <div class="grid_6"> 
       <p>Sidebar content</p> 
      </div> 
    </div> 
</div>

來源

2012-12-09 09:49:45 Kasun

float刪除了一個元素影響其他元素的位置。

相反，你可以使用CSS：

position:absolute; 
left:0;

，並

position:absolute; 
right:0;

相應。

來源

2012-12-09 09:24:23

我只是想出了，在grid_10的內容是圖像。它溢出。我已經添加了下面的代碼，它的工作正常！ .grid_10 { 寬度：100％; 身高：100％; max-width：100％; 最大高度：100％; } –

回答

相關問題