html子布局不超出父布局,用绝对定位实现两列布局，绝对定位的块宽度超出父框。...

如图所示。

一个是老师做的，一个是我做的，在老师做的里面，内容到了父框的边框是会自动换行的年，但是为什么我自己做的内容多了不会自动换行，而是会超出父框边界呢？求解答！

横向二列布局

*{margin:0;padding:0}

.wrap{width:1080px; margin:0 auto;border:2px solid #C4C4C4; position:relative;}

.header{height:200px;background:#EC3210; position:relative;}

.body1{height:800px; width:200px; background:#1591D5;}

.body2{background:#F9F824; position:absolute; margin-left:220px; top:200px;}

header

body1

body2body2body2bodybody2body2body2bodybody2body2body2bodybody2body2body2bodyy2body2body2bodybody2body2body2bodyy2body2body2bodybody2body2body2bodyy2body2body2bodybody2body2body2body

这是我的代码。