title: CSS suggestion max-right or workaround?
body: <p>Are there plans to add this to CSS?</p>
  
  <pre><code>min-right:10% ;
  max-bottom:100px ; ...
  </code></pre>
  
  <p>something like </p>
  
  <pre><code>&lt;div style="min-left:1000px; min-right:10%; max-left:1200px; 
              position:fixed" &gt;&lt;/div&gt;
  </code></pre>
  
  <p>Is there any workaround to apply today?  Answers may include javascript, jquery plugins, etc.</p>
  
  <p>For some background:</p>
  
  <p>Our fixed div in the example above will at 1280 window-width be starting at 10% / 128px from the right, but not starting earlier than 1000px from the left,  thus being at most 152 pixel wide, limited by the horizontal positions 1000px and 1152px with equal gap to those marks if that div is within another with a centered align. - If instead you try <code>&lt;div style=”right:10%;left;1000px; max-width: calc(90%-1000); position:fixed</code>, not the same will happend but the max-width will be forced always and our div will be forced to be be both: 1000px from left and 10% from right even when it's content actually "wants" just way fewer pixels width...</p>
  
  <p>And to explain why now also <code>max-left:1200px</code> is necessary: If the window's width will be greater, for example 1600px, then of course again the min. gap to the right end of the windows will be 10% / 160 Pixel and to the left 1000 so the max-width of the the div will result in 440px but what if it only has 100px today? Then we additionally want to make sure it starts somewhere between 1000 and 1200 from the left and not only 10% from the right, even if the inherited align should be ‘centered or ‘right and the div just including 10px of content that shall not result in it to be in 1235px distant from the left or even 1430px but not at most 1200px. </p>