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 窗口宽度从右侧开始 10% / 128px，但不早于左侧 1000px 开始，因此最多 152 像素宽，受水平位置 1000px 和 1152px 限制如果该 div 在另一个居中对齐的 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 的最大宽度将导致 440 像素，但如果它今天只有 100 像素怎么办？然后我们还想确保它从左侧开始 1000 到 1200 之间的某个位置，而不仅仅是从右侧开始的 10%，即使继承的对齐应该是“居中”或“右”并且 div 只包含 10px 的内容，这不会导致其中距离左边1235px甚至1430px，但最多不超过1200px。

4

2 回答 2

5
  1. 不要使用绝对定位，除非你的 CSS 级别是高级的。灾难的配方和涵盖其他内容的内容。
    • 了解现在可用的显示值，例如inline-block和table-cell
    • 当然了解浮动和clear财产
    • 了解什么是clearfix以及与属性的区别clear。clearfix 的实现
    • clip()只能在绝对定位的元素上使用，所以它在这里是相关的
  2. 了解一个绝妙的绝对定位技巧（额外提示部分）。
  3. 了解min-width、和。 max-width_min-heightmax-height
    • min-height当即使没有足够的内容也不应该裁剪背景图像时很有用
    • max-width并且min-width对于流体布局很有用，响应式不需要媒体查询和断点，ems 中的宽度等
  4. 背景图像现在可以用 CSS3 控制：background-size等参见E. Weil 'standardista' 网站

没有添加您提到的属性的计划，尽管有一个calc()值可以帮助您。请参阅MDN calc()（以及 caniuse.com 以了解兼容性...）

于 2013-06-16T08:12:13.270 回答
0

好的！假设您的 div 宽度为 400 像素。

+----------------------+
|                      | <div id="main">
+----------------------+

并且你想在这个 div 中给一个 min-left 50px 一个 300 像素的新 div 宽度。

+----------------------+
|   +------+           |
|   |      |           | <div id="left">
|   +------+           |
+----------------------+

如果你想要这个 div max-left 100px 怎么办。这将是这样的。

+----------------------+
|       +------+       |
|       |      |       | <div id="left">
|       +------+       |
+----------------------+

如果你应用margin: 0 auto; 到这个 div。这将真正按照需要管理内容，是/否：否。当你给margin: 0 100px; 或者像这样的东西会随心所欲地管理，是/否：是。所以，就像我们在 css 中所做的那样，一切都是用深刻的思考编写的，不需要给 min-left 或类似你的东西。并且有很多技巧可以按照您想要的方式进行。

于 2013-06-16T08:14:23.453 回答