float and clear

<div style="background:#ee8800; float:left;width :50px;">第1列</div>

<div style="background:#339988; float:left;width :50px;">第2列</div>

<div style="background:#334433; clear:both; ">第min列</div>

<div style="background:#339933; float:right; width:auto;">第3列</div>

<div style="background:#336033; float:right; width:auto;">第4列</div>

第1列

第2列

第min列

第3列

第4列

<div style="background:#ee8800; float:left;width :50px;">第1列</div>

<div style="background:#339988; float:left;width :50px;">第2列</div>

<div style="background:#334433; clear:right; ">第min列</div>

<div style="background:#339933; float:right; width:auto;">第3列</div>

<div style="background:#336033; float:right; width:auto;">第4列</div>

第1列

第2列

第min列

第3列

第4列

<div style="background:#ee8800; float:left;width :50px;">第1列</div>

<div style="background:#339988; float:left;width :50px;">第2列</div>

<div style="background:#334433; clear:left; ">第min列</div>

<div style="background:#339933; float:right; width:auto;">第3列</div>

<div style="background:#336033; float:right; width:auto;">第4列</div>

第1列

第2列

第min列

第3列

第4列