私は自分のウェブサイトのコンテンツに 2 つの異なる列を用意したいと考えています。
http://i.stack.imgur.com/V4uX2.jpg
パソコンのモニターではこのように表示されますが、モバイルでは次のように表示されます。
http://i.stack.imgur.com/H7CNe.png
ご覧のとおり、私のモバイルのように上下ではなく、常に 2 つの側面が隣り合っていることを望みます。
CSS
#leftSide {
margin-top:80px;
margin-left:200px;
float:left;
width:400px;
}
#rightSide {
margin-top:80px;
margin-left:10px;
float:left;
width:400px;
}
HTML:
<div id="leftSide">
</div>
<div id="rightSide">
</div>