Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Resetting height of an HTML element via CSS

Tags:

I use a custom-built asp.net control that renders to a DIV and has "height='0'" hard-coded into the element (I know.. stupid). But I need to reset it - get rid of the height assignment somehow. Is this doable with CSS?

I can set the height to 100px for example, and it works. But that's not what I want - I want the height assignment removed pretty much.

UPDATE: Using FireBug, I can see that CSS's height gets overridden by the hard-coded one:

removed dead ImageShack link

I guess there's no way for me to resolve this besides removing the hard-coded height=0. Anyone else see an alternative?

like image 905
Kon Avatar asked Oct 17 '08 15:10

Kon


People also ask

Is height Auto by default CSS?

The default is height: auto in browser, but height: X% Defines the height in percentage of the containing block.

How do I change the full height in HTML?

For a responsive full page height, set the body element min-height to 100vh. If you set a page width, choose 100% over 100vw to avoid surprise horizontal scrollbars.

What does height 100% do CSS?

For example, height: 100%; applied to an element is relative to the size of its parent. In contrast, height: 100vh will be 100% of the viewport height regardless of where the element resides in the DOM.


1 Answers

You might well need to use height:auto !important because the height attribute has a very high priority (IIRC).

But ideally you would karate-kick that attribute out of there. Yuck.

like image 56
Oli Avatar answered Sep 18 '22 17:09

Oli