あらかじめ定義された幅のない固定要素は、親から幅を継承しません。

スティッキーな機能で遊んでいます。ブートストラップ液体容器内にはdivです。
悲しいことに、固定されるとすぐに、子によって定義された幅（ラベルとテキスト入力）を取得します。
あらかじめ定義された幅のない固定要素は、親から幅を継承しません。

width: inheritは効果がありません。

widthは、要素が静的であった場合と同じにするためにどのような魔法が必要ですか？

出典

2016-05-11 Pavel Voronin

'width：100％;'？ – thepio

@thepioそれを試しましたが、それは体の右のマージンを無視します。 –

固定要素はbodyに対して配置されているため、がbodyでない限り、inheritには何も行われません。それを他の要素に相対的にするための唯一の方法は、jsを使用することです。

出典

2016-05-11 06:27:46 t1m0n

私はそれを一度にする方法しか考えていませんが、理想的な対応ソリューションでは、「親」要素の幅の変化を検出する必要があります。 –

あなたのコメントをもとに、あなたはこのようにそれを行うことができます：

body { 
 
    margin: 10px; 
 
    height: 1000px; 
 
} 
 

 
.fixed { 
 
    position: fixed; 
 
    height: 30px; 
 
    background-color: red; 
 
    right: 10px; 
 
    left: 10px; 
 
}

<body> 
 
    <div class="fixed"></div> 
 
</body>

だから、基本的にはあなただけの左側にあなたの体のマージンと同じ値にleftとright値を設定し、右側。

出典

2016-05-11 09:01:24 thepio

私は間違いました。ブートストラップはコンテンツを集中し、ビジュアルブレークポイントに応じてマージンを動的に変更します。ハードコーディングは良い考えではありません。少なくとも、ブートストラップと同じブレークポイントを持つメディアクエリーの中にいなければ。 –

あらかじめ定義された幅のない固定要素は、親から幅を継承しません。

答えて

関連する問題