html - there is an odd css issue, the text inside a div did not move with the div -
People
I have a simple page with a strange problem even two senior front Why do not find the developers here, the code is very simple and easy to understand
& lt; Html & gt; & Lt; Top & gt; & Lt; Style type = "text / css" & gt; Body {padding-left: 250px; } # Box 1 {width: 150px; Height: 150px; Background color: # 063; Margin-bottom: 10px; Text-align: center; Line-height: 150px; Swim left; } # Box 2 {width: 150px; Height: 150px; Background color: # 00F; Margin-down: 15px; Text-align: center; Line-height: 150px; } # Box 3 {width: 150px; Height: 150px; Background color: # FC3; Text-align: center; Line-height: 150px; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "box1" & gt; Box 1 green & lt; / Div & gt; & Lt; Div id = "box2" & gt; Box 2 blue & lt; / Div & gt; & Lt; Div id = "box3" & gt; Box 3 yellow & lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt; Since the # box 1 float: Left, it will be at the top of the page, and # box 2 must be invisible (# 1 covered by box 1) However, when I see it from Firefox / Chrome, then I can still see the text of # box 2 and the text position is not correct.
I want to know why the text is appearing and how to fix it in the wrong place.
I appreciate your help.
Thanks Luke
just try the above link Set the position for your box 1
Status: Full
This works fine.
Cause:
Since you do not use any condition, it will be considered a static position rather than the default.
Static Status: The scroll of part of the page flow is not normally a position change.
Existing status: This page is out of flow, it is usually taken from the original position [0,0].
Comments
Post a Comment