Chrome dev-tools, who is setting the height/width?

Question

I found that I am helpless - when I need to find who is responsible for setting elements property values. It usually takes a while to pin point the problem.

Can anybody share the best strategy if you come to the page - see that computed height is "500px", but no body set it explicitly - yes, I eventually find the reason but I would like to be a bit more methodical.

Thank you

Answer 1

For Google Chrome browser

• right click on element and select Inspect element
• expand Computed tab and look for offending style
• find property that you need and click small triangle to the left of style definition. On click it should expand list of selectors that affects this style for this element

---

Read more

• How to Determine Which CSS is Styling an Element (Chrome, Safari, FF)