在高度上有固定高度的容器div：自動

我的容器上有height:auto，但它在第三個div後停止，並使其他div返回並移動到左邊的第三個div旁邊時，它們應位於其下方。爲什麼我的身高不會超過我的第三格。如果您需要視覺幫助，請去my site。修復問題無需回答這個問題！在高度上有固定高度的容器div：自動

#container{ 
margin:100px 50px 100px 300px; 
min-width:500px; 
max-width:1300px; 
height:auto; 
background-color:#26353c; 
clear:both; 
} 

#portfolio{ 
float:right; 
margin:100px -70px 0 0; 
} 

#resume{ 
float:right; 
margin:15px -70px 0 0; 
} 

#aboutme{ 
float:right; 
margin:15px -70px 0 0; 
} 

<div id="Lefttext"> 
<p>I have been in the Macomb Community Colleges MACA program earning my Web Specialist Degree. </p> 
</div> 
<div id="portfolio"><a href="portfolio.html"><img src="images/Portfolio.png" width="876" height="148" alt="Portfolio" /></a></div> 
<div id="resume"><a href="resume.html"><img src="images/Resume.png" width="750" height="148" alt="Resume"/></a></div> 
<div id="aboutme"><a href="about-me.html"><img src="images/About Me.png" width="624" height="148" alt="About me"/></a></div>

來源

2014-01-08 Mike

你的問題是什麼？ – Goose

請嘗試問清楚的問題，你會得到更好的答案。 –

認爲這是明顯的從「高度是固定的，但其對汽車」的意思，爲什麼不會我的身高再往前走比我的第三次DIV – Mike

離開你的容器的div浮動，你需要清除它。只需添加到您的CSS：

.clearfloat { 
    clear: both; 
}

和你#container的最後一個子必須是<div class="clearfloat"></div>。看看Chris Coyier這篇文章（一位CSS大師）。

來源

2014-01-08 18:17:40 Gabin

我想我之前試過，但我可以再次嘗試 – Mike

都能跟得上沒有工作 – Mike

通過這樣做，你的容器擴張都是這個：http：//s22.postimg .org/6a8x5kg2p/image.jpg而不是：http://s14.postimg.org/keks3596p/image.jpg。這不是你想要的嗎？ – Gabin

您需要定義一個寬度和容器，並添加float: right到#Lefttext

來源

2014-01-08 17:55:34 Dylan

我有一個寬度和容器，但是那不是問題，也如果我命名的CSS左文爲什麼我會漂浮它的權利 – Mike

寬度是否足以適合左導航和菜單？另外，爲什麼正確的菜單如此之大？這是手機嗎？ – Dylan

是的，他們都可以適合我只是刪除不重要的CSS，看看我是否能找到問題，但沒有這樣的運氣，沒有它的移動 – Mike

很難從你的問題，但我認爲你想達到的頂部是正確對齊這些圖像是什麼另一個？如果是這樣的話只是嘗試將每個格之間的換行符：

<p>I have been in the Macomb Community Colleges MACA program earning my Web  Specialist Degree.</p> 
    </div> 
    <div id="portfolio"><a href="portfolio.html"><img src="http://michaelpelvay.com/images/Portfolio.png" width="876" height="148" alt="Portfolio" /></a> 
    </div> 
    <br /> 
    <div id="resume"><a href="resume.html"><img src="http://michaelpelvay.com/images/Resume.png" width="750" height="148" alt="Resume"/></a> 
    </div> 
    <br /> 
    <div id="aboutme"><a href="about-me.html"><img src="http://michaelpelvay.com/images/About Me.png" width="624" height="148" alt="About me"/> </a> 
    </div>

這裏是一個樣本fiddle。

來源

2014-01-08 18:04:04 Goose

，但那是什麼'float：right'應該做 – Mike

'float：right'將正確對齊div，但是當你在一個容器內有3個浮動對象時，它們將嘗試以內聯方式顯示，而不是相互疊加顯示。這是你想要達到的目標嗎？ – Goose

IM的圖片上傳到自己的網站顯示ü我想做的事情 – Mike

在高度上有固定高度的容器div：自動

回答

相關問題