CSS 建议 max-right 或解决方法？

Question

是否计划将其添加到 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 窗口宽度从右边开始 10%/128px，但从左边开始不早于 1000px，因此最多 152 像素宽，受水平位置限制1000 像素和 1152 像素，如果该 div 在另一个居中对齐的范围内，则与这些标记的间距相等。 - 如果你改为尝试 <div style=”right:10%;left;1000px; max-width: calc(90%-1000); position:fixed ，会发生不一样的情况，但最大宽度将始终被强制，我们的 div 将被强制为:左侧 1000px 和右侧 10%，即使它的内容实际上“想要”只是更少的像素宽度......

并解释为什么现在还要max-left:1200px是必要的:如果窗口的宽度更大，例如 1600px，那么当然又是最小值。窗口右端的间隙为 10%/160 像素，左侧为 1000，因此 div 的最大宽度将导致 440px，但如果今天只有 100px 怎么办？然后我们还想确保它从左边 1000 到 1200 之间的某处开始，而不仅仅是从右边 10%距离左边 1235px 甚至 1430px 但最多不超过 1200px。

Answer 1

1. 不要使用绝对定位，除非您的 CSS 水平很高。灾难的秘诀和涵盖其他内容的内容。
   • 了解现在可用的显示值，例如 inline-block 和 table-cell
   • 当然要了解 float ，以及清除属性
   • 了解什么是 clearfix 以及与属性 clear 的区别。 Implementation of clearfix
   • clip() 可以使用，只能用在绝对定位的元素上，所以它在这里是相关的
2. 通过 absolute positioning (the bonus tip part) 了解一个很酷的技巧.
3. 了解 min-width、max-width、min-height 和 max-height。
   • min-height 在背景图像即使没有足够的内容也不应被裁剪时很有用
   • max-width 和 min-width 对于流畅的布局很有用，无需媒体查询和断点即可响应，宽度 em等
4. 现在可以使用 CSS3 控制背景图像:background-size 等参见 E. Weil 'standardista' website

虽然有一个 calc() 值可以帮助您，但没有计划添加您提到的属性。参见 MDN calc() (和 caniuse.com 的兼容性...)