7. How can there be a gap between these two layers under the IE6?
<textarea id="runcode3846"><! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 strict//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < Meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/> <style type=" Text/css "> <!--. Left {float:left; width:100px; height:100px; Background:red}. Right {width:100px; height:100px; Background:orange}-</style> aaaaaa aaaaaa</textarea>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
This IE 3PX bug also often appears, the solution is to give. Right also floating float:left or relative IE6 definition. Left margin-right:-3px;
8. List-style-image cannot accurately locate the problem
<textarea id="runcode95560"><! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 strict//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < Meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/> <style type=" Text/css "> <!--li {list-style:url (" http://bbs.blueidea.com/attachments/ 2006/11/10/arrowb_kjrczhejmiif.gif "); } li a {position:relative; top:-5px; font:12px/25px song body; --</style> <ul> <li>web Standard FAQs </li> <li>web Standard FAQs </li> <li> Web Standards FAQs </li> <li>web Standard FAQs </li> <li>web Standard FAQs </li> </ul></textarea>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
This list-style-image location problem is also often asked, the solution is generally used Li background simulation, the use of relative positioning method can also solve
9. How the content in Li is displayed in ellipses after the length
<textarea id="runcode73534"><! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 strict//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > < Meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/> <style type=" Text/css "> <!--li {width:200px; White-space:nowrap; Text-overflow:ellipsis; -o-text-overflow:ellipsis; Overflow:hidden; --</style> <ul> <li>web Standard FAQ Web Standards FAQs </li> <li>web Standard FAQs Web Standards FAQs < /li> <li>web Standard FAQ Daquan Web Standard FAQ </li> <li>web Standard FAQ Web Standard FAQs </li> <li> Web Standards FAQ Web Standards FAQs </li> </ul></textarea>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]
This method works with IE and op browser
