html - How can I make a position:fixed image its own line/block? -
I have a menu button image below the logo div, and the status: my body text fixed on the right side of the viewport, However, the logo begins directly from the Div, so if it is a large paragraph of the text, then it moves behind the image.
How can I work in my own form of fixed position image line / work with a line break / display: block / otherwise push the text down so that the text starts under the image?
I have tried to use the display: block or image with divi, but I may be wrong style. Besides, I have no clue what I am doing, sorry about the mess!
& lt; Head & gt; & Lt; Style & gt; Img.logo {Height: 3em; Max-width: 80%; Width: Auto; Padding: .5 AM; Display area; Margin-left: auto; Margin-right: auto;} div.menu {width: 100%; Display: block;}. Menu img {status: fixed; Correct: .5 AM; Padding: .5em;} & lt; / Style & gt; & Lt; / Head & gt; & Lt; Html & gt; & Lt; Img class = "logo" src = "http://doc.jsfiddle.net/_downloads/jsfiddle-logo-white.svg" & gt; & Lt; Div class = "menu" & gt; & Lt; Img src = "https://dl.dropboxusercontent.com/u/95732802/menu.svg" & gt; & Lt; / Div & gt; I'm some lesson! & Lt; / Html & gt; and Bella:
An element with position : Fixed; or status: absolute; is taken from the document stream and in this way the display property is won by blocks ) If you know the height of the image I'm just using a margin or padding, eg: header {padding-down: 2am; } or:
header {margin-down: 2em; } Or, if you have & lt; P & gt; After Elements & lt; Header & gt; The sequence of : is header + p / / if you have an app / margin-top: 2em; }
Comments
Post a Comment