在高度上有固定高度的容器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：自动

回答

相关问题