Home > Web Front-end > HTML Tutorial > div css problem, waiting online_html/css_WEB-ITnose

div css problem, waiting online_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:59:09
Original
1080 people have browsed it

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>
Copy after login


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

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template