Hi there, i have 3 divs …div1 – div2 (center) – div3.
I make a container class and inside i have put putted my 3 divs, sorry for my english.
DIV1 and DIV2 it’s ok with float left , but DIV3 when i put inside 2 pice of php code the float left it’s don’t work . DIV3 it’s go at the bottom and i don’t know why. the structure is like this:
<section>
DIV1
</section>
<section>
DIV2
</section>
<section>
DIV3 and here ai have a form and i need to show me a post.
<?php insertPost();?>
<?php get_posts();?>
when i put this php code inside this div is go at the bottom, i have try
everything but nothing it’s don’t work .
when i remove the php code the float: left it’s work
</section>
AND THE CSS CODE:
.flexwrapper {
margin-left: -1em;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-content:flex-start;
width: auto;
min-height: 100%;
height: auto;
overflow:hidden;
}
.flexwrapper > section {
float: left;
border-left: 1em solid #eff5f5;
box-sizing: border-box;
margin-bottom: .5em;
}
.flexwrapper > section:nth-child(1) { background: #a9cc5b;
width:25%;}
.flexwrapper > section:nth-child(2) { background: #39b4e0;
width:50%;}
.flexwrapper > section:nth-child(3) { background: #e4582b;
width:25%;}
Anyone can help me with this problem. THANK YOU
