Home >Web Front-end >HTML Tutorial >div css problem, waiting online_html/css_WEB-ITnose
div css problem, waiting online_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:59:091075browse
http://www.pjspw.com/productwindow-27.html,
Browsing is normal on the IE browser, but a large blank space is displayed between the Sogou browser and other browsers. Please give me some advice. , I have been unable to find the reason
Reply to the discussion (solution)
<style>.main{overflow:hidden;border:1px solid #ccc;}.l{float:left;width:200px;height:100px;clear:left;background-color:#aaa;}.r{float:right;width:200px;height:100px;clear:right;background-color:#eee;}</style><body><div class = "main"> <div class = "l">1</div> <div class = "l">2</div> <div class = "r">3</div></div><div class = "main"> <div class = "l">1</div> <div class = "r">3</div> <div class = "l">2</div></div> The reason for float, look at this above example.
A float element will be affected by the previous float element of its sibling.
Delete these two sentences to return to normal
Please leave the post if you are satisfied
You wrote an extra p1left, understand?
I’ll give it a try and it will work immediately! Thank you everyone
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn