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.
inline-block和table-cellclear财产的浮动clear。clearfix的实现clip() 只能在绝对定位的元素上使用,因此在这里很重要min-width,max-width,min-height和max-height。
min-height 当即使没有足够的内容也绝不裁剪背景图像时,此功能很有用max-width并且min-width对于流畅的布局很有用,无需媒体查询和断点,ems的宽度等即可响应background-size,等等。请参见E. Weil'standardista'网站尽管有一个calc()可以帮助您的值,但没有计划添加您提到的属性。参见MDN calc()(以及caniuse.com的兼容性...)
| 归档时间: |
|
| 查看次数: |
9722 次 |
| 最近记录: |