あるdivが別のdivの下にラップするのを防ぐにはどうすればよいですか?具体的には、ブラウザの幅が2番目のdivの内容を折り返すようにサイズ変更されている場合でも、2番目のdivを常に1番目のdivの右側に配置する必要があります。
私は常にdivを並べて欲しいです:
また、ブラウザウィンドウのサイズが変更されて、2番目のdivの内容が折り返される必要がある場合でも、このように表示されることはありません。
<!DOCTYPE html>
<html lang="en">
<body>
<div class="columns">
<div style="background-color: #990000; width:70px; float: left">
Pic
</div>
<div style="background-color: #00FF00; float: left; " >
body some interesting large amount of content. some interesting large amount of content.
</div>
</div>
</body>
</html>