Shulou(Shulou.com)06/03 Report--

Editor to share with you what are common compatibility problems under IE6, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's learn about it!

FAQ 1: under Ie6, the content will stretch out the width and height set by the parent element. The calculation must be accurate.

.box {width:400px;} .left {width:200px;height:210px;background:red;float:left} .right {width:200px;float:right;overflow:hidden;} .div {width:180px;height:180px;background:blue;padding:25px;}

FAQ 2: if the IE6 element floats, if the width needs to be propped up, the content of the block-level element should also be floated

.box {width:400px;} .left {background:red;float:left;} .right {background:blue;float:right;} h4 {height:30px;float:left;} left and right

FAQ 3: do not use p tags or title tags in p

FAQ 4: minimum height under IE6

When height3px

IE6 bilateral distance bug: the horizontal margin value will be magnified to twice

Solution: display:inline

.box {float:left;border:10px solid # 000witWidthRod 600px;} .box {width:100px;height:100px;background:red;margin:20px; border:5px solid blue;float:left;display:inline;} 1 2 3 4 1 2 3 3

FAQ 9: under IE6,7, the li itself does not float, but the contents of the li do float, and there is a gap under each li.

Solution:

1. Add vertical-align:top to li

2. Add floats to li

Ul {width:} li {width:100px;height:30px;float:left;background:red;:} span {width:100px;height:30px;float:right;background:blue;}

These are all the contents of this article entitled "what are the common compatibility problems under IE6?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.