左側浮動，右側margin-left值為左側寬即可。

由於左側浮動，左側盒子脫標，右側仍在標準文檔流，右側盒子寬度是剩下的寬度，效果為右側自適應。

右側內容可居中，常規用法即可。

需註意的是左側浮動，右側不能繼續浮動。

如果兩邊盒子都浮動，由於右側盒子寬度不固定，默認為內容撐開寬度。

若浮動，極有可能在第二排，如果想要把右側內容居中，實現十分困難。

1 .left {
2     width: 851px;
3     height: 567px;
4     float: left;
5 }

 1 .right {
 2     margin-left: 851px;
 3     height
 
: 567px;
 4     position: relative;
 5 }
 6 
 7 .right .cont {
 8     position: absolute;
 9     top: 50%;
10     left: 50%;
11     transform: translate(-50%, -50%);
12 }

上面是一個左側固定，右側自適應，同時右側內容居中的示例。

左側固定 右側自適應