CSS - Can I use an object's Width in Calc ()? - Stack Overflow
May 8, 2018 · Use a container query. The cqw unit represents 1% of the item's width. You can use that unit in your calc() function. I made the item resizable in the following demo, to make the functionality …
How can I do width = 100% - 100px in CSS? - Stack Overflow
May 25, 2017 · In CSS, how can I do something like this: width: 100% - 100px; I guess this is fairly simple but it is a bit hard to find examples showing that.
Use screen.width inside calc (css) - Stack Overflow
Sep 17, 2020 · Use screen.width inside calc (css) Asked 8 years, 4 months ago Modified 2 years, 2 months ago Viewed 80k times
CSS width subtraction - Stack Overflow
Mar 18, 2018 · Now with calc the solution will be : width: calc(100% - 10px); Calc can be use with Addition, Subtraction, Multiplication, Division. Additional note : Note: The + and - operators must …
Calculating fluid CSS element sizes using CSS using calc (px + vw)
Apr 14, 2022 · width: calc(150px + (2.083vw - 40px)) It's very close, but not quite there, just shy of 150px at 1920px, but 117px at 375px. I also tried using 40px divide by the difference between viewport …
Calculating width of scrollbar and using result in calc () css
Sep 8, 2016 · I want to calculate the width of the scrollbar so that I use the result in a CSS calc() declaration. At the moment, I assume that the width of the scrollbar is always 17px, like this: body { ...
How to use CSS calc() with an element's height - Stack Overflow
Nov 18, 2015 · .hexagon { height: 100%; width: calc(100% * 0.57735); display: inline-block; } However, the code works by generating new rectangles based on the parent element's width. I was searching …
Calc of max, or max of calc in CSS - Stack Overflow
Is it possible to do something like this max-width: calc(max(500px, 100% - 80px)) or max-width: max(500px, calc(100% - 80px))) in CSS?
css - Setting width/height as percentage minus pixels - Stack Overflow
If my page has 3-4 or more such elements I have to update height and width of each element in window resize handler. This would be a little slower than CSS solution.
html - using element's own (not parent's) width for calculation or ...
Feb 8, 2014 · Imagine this: Some element has a width of 200% of it's own width (=double size than "normal") set in CSS. One of it's children has its width set to 100% of the parent (=our element). The …