css 2カラムの右を固定，左をフルード

Posted 2021-05-13

<div class="columnWrap">
	<p>ここが左カラムになります</p>
	<div class="columnWrap-right">
	<p>ここが右カラムになります。</p>
	</div>
</div>

.columnWrap {
	position: relative;
	padding-right: 100px;
}
.columnWrap-right {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 100px;
}