SOURCE

console 命令行工具 X clear

                    
>
console
<div class="wrapper clearfix">
	<div class="center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae illo repellendus error temporibus
		totam, aspernatur dicta cupiditate, deserunt dolor
	</div>
	<div class="left">Lorem ipsum dolor sit, amet consectetur adip autem!</div>
	<div class="right">Lorem ipsum dolor sit amet consectetur bcaecati animi repellat ium us repudiandae debitis!</div>
</div>
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.wrapper {
    border-width: 0 200px;
    border-style: solid;
    border-color: #066;
    background-color: #099;
}

.wrapper > div {
    float: left;
    width: 200px;
    padding: 10px;
    color: #fff;
    box-sizing: border-box;
}

.wrapper > .center {
    width: 100%;
}

.wrapper > .left {
    margin-left: -100%;
}

.wrapper > .right {
    margin-left: -200px;
}