两列布局与对齐的div-Twocolumnslayoutwithaligneddiv

1  

change #containet to #container and text-align: left; to text-align: center;

将#containet改为#container和text-align:left;文本对齐:中心;

#container {
  width: 100%;
  max-width: 1400px;
  min-width: 1024px; 
  margin: 0 auto;
  text-align: center;
}

Demo in jsfiddle

在jsfiddle演示

0  

Change css rule float:none to float:right would do the trick if I understand your question correctly.

将css规则float:none更改为float:如果我正确理解你的问题,则右边会有效。

.content_side {
    float: right;
}

0  

CSS

#container {
  width: 100%;
  max-width: 1400px;
  min-width: 1024px; 
  margin: 0 auto;
  text-align: left;
    position:relative;
    height:auto;
}

/*left block */
    .block_side {
        width: 256px;
        height: 400px;
        float: left;
        margin: 0px 0 0 30px;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

    background-color:green;
    }


/* Right block */    
.content_side {
        float: right;
        width: 738px;
        margin: 0;
    height:400px;
    overflow:auto;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

    background-color:red;
    }

HTML

   

     {BLOCK}
   
   

     {CONTENT}
   
 

You need to float:left or float:right your blocks (side and content).

你需要漂浮:左或漂浮:右边你的块(侧面和内容)。

DEMO HERE

More about box-sizing trick here: http://css-tricks.com/box-sizing/

更多关于盒子大小的技巧:http://css-tricks.com/box-sizing/