面接でレイアウトについて質問されました:
3列レイアウト、両側固定、中央で適応
その時の答えは、左側と右側がそれぞれ左右にフローティングであるということでした。そして真ん中は適応的で、マージンを設定しました。効果は得られていると考えられます。
<style type="text/css"> *{margin:0;padding:0;} .left{float:left;width:300px;background:red;height:500px;} .right{float:right;width:300px;background:red;height:500px;} .center{margin:0 230px;background:blue;}</style><div class="left">left</div><div class="right">right</div><div class="center">center</div>注: 中央の列は一番下に配置する必要があります
インターネット上で位置決めを実装する別の方法を見つけました。左側と右側は固定位置に設定されており、中央は適応型です。
<style type="text/css"> html,body{margin:0;padding:0;height:100%;} .left,.right{ position:absolute; top:0; width:300px; height:100%; background-color:blue; } .left{ left:0; } .right{ right:0; } .center{ margin:0 230px; height:100%; color:#f90; background:red; }</style>このような面接の質問もあります。たとえば、中央が固定、両側が固定、右側が適応などです。時間があれば勉強します。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
