CSS建议最大权利还是变通方法?

6 css jquery-plugins stylesheet css3

是否有计划将其添加到CSS?

min-right:10% ;
max-bottom:100px ; ...
Run Code Online (Sandbox Code Playgroud)

就像是

<div style="min-left:1000px; min-right:10%; max-left:1200px; 
            position:fixed" ></div>
Run Code Online (Sandbox Code Playgroud)

今天是否有适用的解决方法?答案可能包括javascript,jquery插件等.

对于某些背景:

我们在上面的示例中的固定div将在1280窗口宽度从右边开始10%/ 128px,但不是从左边开始早于1000px,因此最多152像素宽,受水平位置1000px和1152px的限制与那些标记的间隙相等,如果该div在另一个中心对齐的范围内.- 如果相反你尝试<div style=”right:10%;left;1000px; max-width: calc(90%-1000); position:fixed,不会发生同样的情况,但最大宽度将被强制,我们的div将被强制为:左边1000px,右边10%,即使它的内容实际上"想要"更少像素宽度......

并解释为什么现在也是max-left:1200px必要的:如果窗口的宽度会更大,例如1600px,那么当然也是min.窗口右端的间隙为10%/ 160像素,左边为1000,因此div的最大宽度将产生440px,但如果今天只有100px呢?然后我们还要确保它从左边开始介于1000和1200之间,而不是从右边起10%,即使继承的对齐应该是'居中或'右边而div只包括10px的内容不会导致在它距离左边1235px甚至1430px但不是最多1200px.

Fel*_*Als 5

  1. 不要使用绝对定位,除非您的CSS水平高。灾难和涵盖其他内容的内容的食谱。
    • 了解现在可用的显示值,例如inline-block和table-cell
    • 了解课程和clear财产的浮动
    • 了解clearfix是什么以及与属性的区别clear。clearfix的实现
    • clip() 只能在绝对定位的元素上使用,因此在这里很重要
  2. 了解有关绝对定位的酷技巧(奖金技巧部分)。
  3. 了解min-width,max-width,min-height和max-height。
    • min-height 当即使没有足够的内容也绝不裁剪背景图像时,此功能很有用
    • max-width并且min-width对于流畅的布局很有用,无需媒体查询和断点,ems的宽度等即可响应
  4. 现在可以使用CSS3:来控制背景图像background-size,等等。请参见E. Weil'standardista'网站

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