SOURCE

<div class="box2">
    <div class="main">
	    <div class="content">主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体主体</div>
    </div>
	<div class="left">左边</div>
	<div class="right">右边</div>
</div>

* {
    margin: 0;
    padding: 0;
}

.box2 .main {
    float: left;
    width: 100%;
    height: 500px;
    background-color: pink;
}

.box2 .left {
    float: left;
    width: 100px;
    height: 400px;
    background-color: red;
    margin-left: -100%;
    /* position: relative;
    left: -100px; */
}

.box2 .right {
    float: left;
    width: 200px;
    height: 400px;
    background-color: blue;
    margin-left: -200px;
    /* position: relative;
    right: -200px; */
}

.box2 .main .content {
    margin-left: 100px;
    margin-right: 200px;
}