Question

this is more of a mathematical question than a programming question, but here goes:

I have a container div that is 100% wide.

Within, I have two floated divs. The left div is 66% wide and floated left. The right div is 30% and floated right.

I have an h2 element within the left hand div and I’d like it to extend beyond the constraints of its parent and extend to the far right edge of its parent.

What is the formula to figure out the percentage width of the h2 element, if its parent is 66% of the top container.

I currently, through trial and error, have it set to 151.5%, but I hate that it’s just an eyeballed guess. I’d really like to know how you would figure out the correct percentage.

Since it is a responsive design, I can’t use a fixed dimension, it has to be percentage.

Answer 1

Never mind, figured it out. 100% (container width) divided by width of left div (66%) = 151.515152
My mistake was rounding my css percentages to 66% instead of 66.66666667%.

Thanks for all the help