如何居中div并将另一个div放在右边？

Question

我遇到的问题是在中间放置div并在其右侧放置另一个div。 div包含select元素并继续使用新行。

我尝试了很多东西。我希望div可以并排，并且在页面最小化时不会崩溃。

我尝试将标识为div的{​​{1}}浮动，但将其推送到新行。

theme

您可以在this JsFiddle

中查看我的问题

所需的解决方案如下所示：

Answer 1

你可以这样做，将select & nav包裹在一个固定宽度的div中，并给theme class一个宽度。它将像图像

一样定位div

<div class="wrap">    
<!-- all html here -->    
</div>

.theme
{
    float: right;
    width:100px; //say 100
}

 .wrap{
     width:1100px;
     margin:0 auto
   }

演示：http://jsbin.com/IYifEN/1