How can I make the div's height equals the body's height with css?

Asked Jul 01 '20 at 12:56

Active Jul 01 '20 at 12:56

Viewed 27 times

I put hundreds of div elements into the body element.So the html and body's height both equals 7400px. And I write the css for one of the divs like this;

#app{
  width: 100%;
  height: 100%;
  background: red;
  position: absolute;
  z-index: -999;
}

I wish it's height equals 7400px too,while it's height equals the browser window's height which is 967px; how can I make the #app element's heigt equals the html and body's height? I tried to write like this.And then the html and body's heigt equal the browser's height.

    html{
      height: 100%;
    }
    body{
      height: 100%;
    }

How can I make the div's height equals the body's height with css?

asked Jul 01 '20 at 12:56

Jing

1

Does this answer your question? [How to make a div 100% height of the browser window](https://stackoverflow.com/questions/1575141/how-to-make-a-div-100-height-of-the-browser-window) – Simone Rossaini Jul 01 '20 at 12:58
He's saying it is already the size of the window but wants it the full page height. That question does not answer what is being asked here. Vote to reopen – abney317 Jul 01 '20 at 13:02
Do you want the '#app' element to have full height of the viewable screen size even when the screen height changes,its able to adjust it as per that. You want to do this only..right? – praveen kaushik Jul 01 '20 at 13:04
The answer is that he needs `position: relative` on the body/parent element – abney317 Jul 01 '20 at 13:04
I want the #app element's height equals 7400px,How can I make that happen – Jing Jul 01 '20 at 13:05
@praveenkaushik Yes,any ideas? – Jing Jul 01 '20 at 13:09
@Jing My comment above should solve your issue – abney317 Jul 01 '20 at 13:09
@abney317 I'm sorry,but that dosen't work – Jing Jul 01 '20 at 13:12
The parent would also need a fixed height. You said 7400px? So the body would need `height: 7400px` as well – abney317 Jul 01 '20 at 13:13
It would help to clarify a lot if you can show us your HTML code. Have you considered: height: auto. – Chong Lip Phang Jul 01 '20 at 13:13
@abney317 It works with setting the body's height as 7400px.How can make this with dynamic height? – Jing Jul 01 '20 at 13:20
@ChongLipPhang `
111
111
` the html is just like this – Jing Jul 01 '20 at 13:21
1

@abney317 I solved this issue with this,`body{ position: relative; height: 100%; }` Thank you – Jing Jul 01 '20 at 13:28

How can I make the div's height equals the body's height with css?

0 Answers0