Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
モックアップをcssのあるページに変換しようとしていますが、経験不足のために見逃しているトリックがあるかどうかはわかりません。下の画像は私が欲しいものです。charメニューの幅を固定したいのですが、ブラウザウィンドウのサイズが変更されたときに編集メニューを拡大したいのです。
チャットボックスの下にオーバーフローするか、チャットボックスの間に空白ができるため、流体パーツのサイズをパーセンテージで使用できないようです。
どんな助けでも大歓迎です!
*{margin:0; padding:0;} html,body{width:100%; height:100%;} .image{background:lightblue; height:100%; margin-right:200px;} .menu{width:200px; height:100%; background:salmon; position:absolute; top:0; right:0;}
デモ