What are the common compatibility problems under IE6?
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!
