2列布局，列長度不均勻和文本換行

Question

有沒有辦法創建2列布局，其中一個div在另一端之後流暢地展開？在此圖像中

有點像：

Answer 1

您是否在尋找this？

看一看的

.container {display: inline-block; width: 100%} /* SET CONTAINER */ 
.col1 {width: 100%; border: 1px solid red} /* COL1 */ 
.col1 span {float: right; border: 1px solid red} /* SET FLOAT:RIGHT TO CONTENT OF YOU WANT TO FLOAT */ 

Answer 2

，如果你有一個容器素色的背景下，您可以嘗試使用箱陰影。

#right { 
    float:right; 
    width:20%; 
    width:20vw; 
    border:red solid 3px; 
    height:50%; 
    box-shadow: 0 0 0 20px white, 
    -13px 10px 0 10px blue, 
    -13px 13px 0 10px blue 
} 

http://codepen.io/gc-nomade/pen/HKEpo