css - clearing a relative div -
I have a problem with two selective divs that are working fine on scaling the screen size, but if I Add overflow is hidden and making a scroll bar I have tried clearing with overflow auto, I tried and made a div to clear it, I even made the old school clear but some Not even working?
& lt; Div class = "wrapper" style = "margin top: 20px;" & Gt; & Lt; Div class = "column container" style = "overflow: auto;" & Gt; & Lt; Div class = "leftColumn" & gt; & Lt; H2 & gt; Get in touch & lt; / H2 & gt; & Lt; P & gt; & Lt; / P & gt; & Lt; Form & gt; & Lt; Input type = "text" & gt; & Lt; Br / & gt; & Lt; Input type = "text" & gt; & Lt; Br / & gt; & Lt; Input type = "text" & gt; & Lt; Br / & gt; & Lt; Text area & gt; & Lt; / Text field & gt; & Lt; Br / & gt; & Lt; Button type = "submit" & gt; Send & lt; / Button & gt; & Lt; / Form & gt; & Lt; / Div & gt; & Lt; div square = "right column" & gt; & Lt; H2 & gt; How to find us & lt; / H2 & gt; & Lt; P & gt; Bla bla & lt; / P & gt; & Lt; P & gt; Bla bla & lt; / P & gt; & Lt; P & gt; Bla bla & lt; / P & gt; & Lt; P & gt; Bla bla & lt; / P & gt; & Lt; P & gt; Bla bla & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; .columnsContainer {status: relative; Margin: .5 AM; Display area; } .leftColumn {border: 1px solid # ccc; Padding: 1.25 AM; Margin-bottom: .5 m; } .right column {border: 1px solid # ccc; Padding: 1.25 AM; } @ Media screen and (minimum-width: 47.5em) {. LeftColumn {margin-right: 19.5em; } .rightColumn {status: complete; Top: 0; Correct: 0; Width: 18.75 Name; }}. Wiper {max-width: 1200px; Margins: Auto; Overflow: Auto; }
Hello, I am not very clear from your description of what you want to see And if this is the only scroll you want to get rid of, it is difficult to know what is going on on the rest of the page, but it is difficult to know if these blocks can increase the height of each other, anyway, if it is useful, then I Have a Bella and your CSS to use Floats again And instead of full position and margin instead of% width.
Columns.container {display: block; } leftleft.column, .rightcolumn {width: 40%; Padding: 20px; Border: 1px solid # 999; Swim left; } .leftColumn {margin-right: 5%; } As I say, it will depend on whether this page is running on the rest or whether it is useful or not.
Comments
Post a Comment