8

これを CSS に追加する予定はありますか?

min-right:10% ;
max-bottom:100px ; ...

何かのようなもの

<div style="min-left:1000px; min-right:10%; max-left:1200px; 
            position:fixed" ></div>

今日適用する回避策はありますか? 回答には、javascript、jquery プラグインなどが含まれる場合があります。

いくつかの背景について:

上記の例の固定 div は、1280 の window-width で、右から 10% / 128 ピクセルで開始されますが、左から 1000 ピクセルより前には開始されないため、最大で 152 ピクセル幅になり、水平位置 1000px と 1152px によって制限されます。その div が中央揃えの別の div 内にある場合、それらのマークとのギャップが等しくなります。- 代わりに試してみると<div style=”right:10%;left;1000px; max-width: calc(90%-1000); position:fixed、同じことは起こりませんが、最大幅は常に強制され、div は両方になるように強制されます: 左から 1000 ピクセル、右から 10% のコンテンツが実際に「必要」な場合でも、はるかに少なくなります。ピクセル幅...

そして、なぜ今もmax-left:1200px必要なのかを説明するために: ウィンドウの幅がより大きくなる場合、たとえば 1600px の場合、もちろん再び最小. ウィンドウの右端までのギャップは 10% / 160 ピクセルになり、左側は 1000 になるため、div の最大幅は 440px になりますが、今日は 100px しかない場合はどうでしょうか? 次に、継承された align が 'centered' または 'right であり、div が 10px のコンテンツを含むだけであっても、右から 10% だけでなく、左から 1000 から 1200 の間のどこかから始まることを確認したいと考えています。その中には、左から 1235 ピクセル、または 1430 ピクセルでも離れていますが、最大で 1200 ピクセルではありません。

4

2 に答える 2