css浮动问题，这个咋做啊求教，请您打上完整代码因为我没有头绪啊

Question

谁能把这个的完整代码打一下谢谢了用自动空白边让设计居中。做成的效果是图二

Answer 1

这么丑的效果，真是不想实现呢。

这个实现方法并不是优雅的，不过应该是对初学者比较友好的实现方法

CodePen效果演示

<div class="container">
  <div class="left"> 左侧 </div>
  <div class="right"> 右侧</div>
</div>

body{
background:#ccc;  
}
.container{
  height: 300px;
  width: 500px;
  background:#eee;
}
.left{
  float:left;
  background: #fff;
  height:300px;
  width:200px;
}
.right{
  float:right;
  background:#fff;
  width: 280px;
  height:300px;
}