兩個div與父母互相推下對方

我試圖適應div中的家長沒有空間，並使用一個與定義的像素和另一個百分比。沒有推倒對方。目前，我有兩個div與父母互相推下對方

<style> 
    .wrapper {overflow: auto;} 
    .container {float: left;margin-right: 150px;} 
    .menu {float: right;width: 100px;} 
    * {margin: 7px; padding:1px;} 
</style> 
<div class="wrapper"> 
    <div class="container"> 
    </div> 
    <div class="menu"> 
    </div> 
</div>

任何幫助嗎？

來源

2013-01-16 Jyetah

首先，'paddin'應該是'padding'，而你的「wrapper」div沒有關閉'> –

你的問題**「......互相推下」** comment **「其他下來...「**那麼哪一個是真實的？ :) – Morpheus

您可以嘗試使用這些樣式：

.wrapper {padding-right:150px;} 
.container {float: left; width:100%;} 
.menu {float: right;width: 100px; margin-right:-150px;}

請注意，您的菜單類有一個大寫M在你的榜樣，但你的樣式表使用小M

一個例子可以在這裏看到http://jsfiddle.net/ACk9B/

來源

2013-01-16 09:57:55 Pete

兩個div與父母互相推下對方

回答

相關問題