Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS建议是正确的还是解决方法?_Css_Jquery Plugins_Stylesheet - Fatal编程技术网

CSS建议是正确的还是解决方法?

CSS建议是正确的还是解决方法?,css,jquery-plugins,stylesheet,Css,Jquery Plugins,Stylesheet,是否有计划将此添加到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%/1

是否有计划将此添加到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内,则与这些标记的间隙相等。-如果您尝试

  • 不要使用绝对定位,除非你的CSS级别是高级的。灾难配方和涵盖其他内容的内容。
    • 了解现在可用的显示值,如
      内联块
      表格单元格
    • 当然要了解float和
      clear
      属性
    • 了解clearfix是什么,以及与属性clear的区别
    • clip()
  • 了解一个很酷的技巧
  • 了解
    最小宽度
    最大宽度
    最小高度
    最大高度
    • min height
      在即使没有足够的内容也不应剪切背景图像时非常有用
    • max width
      min width
      对于流体布局非常有用,响应速度快,无需媒体查询和断点,
      em
      s中的宽度等
  • 现在可以使用CSS3控制背景图像:
    背景大小
    等,请参阅

  • 虽然有一个
    calc()
    值可能对您有所帮助,但没有添加您提到的属性的计划。请参阅(和caniuse.com了解兼容性…

    好的!假设div宽度为400像素

    +----------------------+
    |                      | <div id="main">
    +----------------------+
    
    +----------------------+
    |   +------+           |
    |   |      |           | <div id="left">
    |   +------+           |
    +----------------------+
    
    +----------------------+
    |                      | 
    +----------------------+
    
    你想给这个div中的左最小50px一个300像素的新div宽度

    +----------------------+
    |                      | <div id="main">
    +----------------------+
    
    +----------------------+
    |   +------+           |
    |   |      |           | <div id="left">
    |   +------+           |
    +----------------------+
    
    +----------------------+
    |   +------+           |
    |   |      |           | 
    |   +------+           |
    +----------------------+
    
    如果你想要这个div max左100像素呢。这会是这样的

    +----------------------+
    |       +------+       |
    |       |      |       | <div id="left">
    |       +------+       |
    +----------------------+
    
    +----------------------+
    |       +------+       |
    |       |      |       | 
    |       +------+       |
    +----------------------+
    
    如果应用边距:0自动到此div。这将完全按照需要管理内容,是/否:。当你给余量时:0 100px或类似的内容可以根据需要管理,是/否:。所以,就像我们在css中所做的那样,一切都是在深入思考中编写的,不需要给min留下或类似于您的东西。还有很多技巧可以让你随心所欲


    你能举例说明你需要什么样的图片吗?@Darkyen,谢谢,上面编辑过。我之前的编辑删除了标题中的“关键字”,因为它们没有任何用途(除了混淆你想问的问题)。如果你需要给你的问题加上标签,明智地使用标签(并且没有不同的目的,你的问题中没有任何东西需要一个标签而不是另一个标签。同样,标签及其(接近)重复的标签也没有用;选择一个标签并在那里添加其他主题)。标题中唯一应该包含的是问题标题本身,而不是元信息。如果问题的根源在于浏览器窗口的宽度,您可以尝试使用媒体查询为不同大小的窗口应用不同的CSS。请停止添加“关键字”在你的头衔之后,他们多次被不同的人删除。(这篇文章被自动标记为如此多的编辑)