中心，該中心containts浮動的div一個div

我有這樣的代碼：中心，該中心containts浮動的div一個div

<div id="cuerpo"> 
<?php foreach ($sistemas as $cada) { ?> 
    <div id="show"> 
     <a href="<?php echo "index.php?zona=acceso&id=" . $cada['id']; ?>" target="_self"><?php echo $cada['nombre']; ?></a> 
     <p><?php echo $cada['descripcion']; ?></p> 
    </div> 
<?php } ?> 
</div>

所以我有一個ID "cuerpo"一個div，它將模擬包含在每個div稱爲"show"所有$sistemas一個盒子。

然後，我有這樣的CSS：

#cuerpo 
{ 
width: 800px; 
margin: 0 auto; 
margin-top: 25px; 
padding-bottom: 5px; 
border: solid 2px black; 
} 
#show 
{ 
width: 200px; 
margin-top: 10px; 
margin-left: 5px; 
border: solid 1px black; 
padding: 5px; 
}

如果我用float: left;一切我的網頁內將取消其配置和十分惡劣。

我想是這樣的：

enter image description here

PS：一切都在我的scheme它的工作，但不是浮動的事情。

感謝您的幫助！

EDIT1：

我按照接受的答案與我的實際問題張貼圖片。

enter image description here

來源

2013-04-16 rokimoki

直列只需使用display:inline-block您#show容器。在這裏看到的例子：http://jsfiddle.net/GLp3Y/

__ _ __ _ __ _ __ _ __ _ __ * 編輯 * _ __ _ __ _ __ _ __ _ __ _

如果你需要使用float必須父容器設置爲overflow:hidden。在這裏看到演示：http://jsfiddle.net/GLp3Y/4/

來源

2013-04-16 13:36:40 otinanai

感謝您的時間@otinanai，請檢查以下鏈接：http：//jsfiddle.net/GLp3Y/2/想要解決它嗎？，我的意思是如果一個長描述其他'show'將顯示在底部而不是最佳。 – rokimoki

你在'＃show'上試過'vertical-align：top;'了嗎？ – otinanai

另外，請參閱我上面編輯的答案。 – otinanai

，您是否試圖

#cuerpo{ 
margin-left : 10% 
margin-right : 10%}

，將居中

，或者你可以把它放在一個div，讓這個div全角和使用文本對齊：中心div和顯示：在cuerpo

來源

2013-04-16 13:31:14 wazaminator

我的問題是，如果我沒有任何'浮動div'，'＃cuerpo'會居中，但是當我浮動'＃show'等......一切撕下 – rokimoki

和第一個解決方案？所以，你想浮動div內的浮動div？實際上，我沒有看到問題，如果你使用浮動，它會浮動內部父div，這裏cuperpo，所以無論是cuerpo – wazaminator

@otinanai解決方案是完美的asnwer，你可以檢查他的鏈接，謝謝你的時間。 – rokimoki

中心，該中心containts浮動的div一個div

回答

相關問題