Is it need to set "float: left" to header?

Question

I have a problem about header and other divs positions.

Answer 1

This is the normal behavior of the 'float' property ^^

<< The float CSS property specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap around it. >> ( https://developer.mozilla.org/en-US/docs/Web/CSS/float )

What are you expecting by adding 'float:left;' to your header? It seems that's not the good way to do it :P ...

( and instead of reposting for saying "lol sry that no tabs", you could edit your post and reindent it: what do you believe? if you don't, we must do that, in addition to help you... that's not motivating, because unrespectuous and lazyness attitude )

Answer 2

Can you explain your problem in detail as I couldn't get it

Answer 3

Do you have the code somewhere? Please share

Answer 4

Yes

Answer 5

When I wrote "float: left" in header's style, header fell a little bit down and the next div rose up till ceiling. I don't know why that happened coz I started to learn html+css recently.

Answer 6

html code: <header class="left"> (Links is here) </header> <div class="content">         <div class="img">             (Image)         </div> </div> css code: header {     display: block;     height: 85px;     width: 100%;     background: #f7f7f7; } .img {     height: 335px;     width: 600px;     text-align: center;     margin: 20px auto;     border-bottom: 65px solid #fff2d9;     border-radius: 50px;     background: url(../images/img1.jpg);     background-size: cover;     box-shadow: 0 0 10px; } .left {     float: left; }

Answer 7

lol sry that no tabs

Answer 8

I am sorry, but I began to use Solo learn recently and didn't know some things in this app. And now I have other problem with fixed position of my header.