스페이스 BUG_CSS/HTML

이번 글은 display:inline; 사용에 관한 글인데, 며칠전 레이아웃을 만들때 이 효과를 사용했는데, 2시간을 허비하고 코드 세줄을 추가해서 해결했습니다. 갑자기 이런 생각을 하면 항상 뭔가 잘못됐다는 느낌이 듭니다. 제 생각은 맞지만 효과가 나오지 않거든요. 코드를 다시 작성하고 마침내 문제를 찾았습니다. 또 그 빌어먹을 우주 버그입니다.

아래는 같은 문제가 다시 발생하지 않도록 모두에게 보여주세요.

먼저 아래 CSS 코드를 살펴보겠습니다.

코드 복사 코드는 다음과 같습니다.

홈페이지

감성적인 기사
메시지를 남겨주세요
친절한 링크

[Ctrl+A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ] 봤어? IE와 FIREFOX의 차이점은 무엇입니까? 아래 레이아웃 코드를 보세요. 모두 같은 줄에 넣었습니다.

코드 복사 코드는 다음과 같습니다. 다음:

• 웹사이트 홈페이지
• 감성적인 기사
< li> 메시지를 남겨주세요
• 친숙한 링크

한 번 살펴보겠습니다. 마지막 것 작동해요!

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> body{ margin:0; padding:0; font-size:12px; text-align:center;line-height:25px;} #info{ margin:100px auto; background:#CCCC00; } ul,li{ margin:0; padding:0; list-style:none;} #info li{ border-left:1px solid #6633CC; display:inline;border-right:1px solid #6633CC; padding:5px 10px; margin-left:-1px;} </style> 홈페이지<div id="info"><ul>감성글<li>메시지 남겨주세요<li>친절한 링크<li> <li> <br><input onclick="runEx('runcode91289')" type="button" value="运行代码"> <input onclick="doCopy('runcode91289')" type="button" value="复制代码"> <input onclick="doSave(runcode91289)" type="button" value="保存代码">[Ctrl+A 모두 선택 참고: <a href="/article/23421.htm" title="查看具体详情" target="_blank">외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 </a>]</li> </ul></div> <br><strong>문제 해결 방법: </strong><br><div class="htmlarea"> <textarea id="runcode69263"><style type="text/css"> <!-- /* pr1984.com */ * {font-size:0;margin:0;padding:0;} body {font-family:"Verdana","宋体", "Arial",sans-serif;margin:100px 0;text-align:center;} a {font-size:12px;color:#000;text-decoration:none;} a:hover {color:#000;text-decoration:none;background-color:#FEFC6E;} #nav {min-width:400px;height:24px;border:1px solid #D28A05;border-width:1px 0;text-align:center;background:#ff9900 url("http://www.zishu.cn/attachments/month_0609/j2006912180.jpg");} #nav li {display:inline;padding:15px 15px 8px;border:1px solid #C97802;border-width:0 1px;margin-right:-1px;line-height:25px;} p {min-width:400px;margin:50px 0;font-size:12px;} --> </style> <!--[if lte IE 6]> <style type="text/css"> #nav ul,p {width:400px;} </style> <![endif]--> <div id="nav"> <ul> <li><a href="http://www.kijiji.cn">집</a></li> <li><a href="http://www.kijiji.cn/fabu">게시물 정보</a></li> <li><a href="http://www.kijiji.cn/wo/xxgl" title="在这里可以管理已经发布的信息和个人资料">손님 다 모였습니다</a></li> <li><a href="http://blog.kijiji.com.cn/help/">도움말</a></li> </ul> </div>
[Ctrl+A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]