レスポンシブデザイン時のgap幅について

HTML、CSS37閲覧

ベストアンサー

0

その他の回答(1件)

0

bgeggさん >・・・・pxを使わずに32pxを得る・・・・・・・・・ 何をしたいのか分かりませんが、こういう事ですか。↓ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <style> .box{ max-width:992px; height:500px; margin:0 auto; display:flex; } .container{ flex:640; background:#dfd; } .gap{ flex:32; background:#eee; } .side{ flex:320; background:#ddf; } </style> </head> <body> <div class="box"> <div class="container">containerを960pxほどにして、メインカラムにflex:640</div> <div class="gap"></div> <div class="side">サイドカラムにflex:320</div> </div> </body> </html>