ここから本文です

position:fixedなFlexbox内のmargin:autoなFlexboxのwidthが指定値にならない d...

g70********さん

2017/5/512:54:07

position:fixedなFlexbox内のmargin:autoなFlexboxのwidthが指定値にならない

div#parent{
position:fixed;
top:0;

right:0;
width:100%;
height:100%;
display:flex;
overflow:auto}

div#child{
margin:auto;
display:flex;
width:1000px}

ウィンドウサイズが1000px未満の時、div#childのwidthが1000px未満になってしまう。
ウィンドウサイズが1000px以上の時は、指定値になる。

閲覧数:
89
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

kar********さん

2017/5/513:37:11

https://jsfiddle.net/zaxy9pgw/

flex-shrink: 0;

とすれば、縮まなくなります。

この回答は投票によってベストアンサーに選ばれました!

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる