blog的文章超出格子

正的是很抱歉，我不会写网站，只是把网页考过来，.blogchina可以直接把网页代码复制过来很方便，但也会把一些错误的代码复制过来

http://my36z.blogchina.com/blog/article ... 64386.html
这页fox看了会超出页面，但IE不会

我把代码复制过来了，不知道能不能解决:oops:

<br
/>
http://www.mozilla.org/products/firefox/<br />
http://mozilla.org.cn/<br />
<br />
<br />
<h3><img width="24" height="24" border="0" alt=""
src="https://pfs.mozilla.org/images/install.png"
/> Download  
firefox-1.0.1</h3>
Windows<br />
http://download.mozilla.org/?product=fi ... 0.1&os=win〈=zh-CN<br
/>
Linux<br />
http://download.mozilla.org/?product=fi ... 1&os=linux〈=zh-CN<br
/>
<br />
<hr /><br />
<h2> Plugins</h2>
<br />
<br />
<h2><a
href="http://www.macromedia.com/software/flashplayer/">Flash
Player</a></h2> <p>By <a
href="http://www.macromedia.com/">Macromedia</a></p>
<p>Macromedia
Flash Player is the universal rich client for delivering effective
Macromedia Flash experiences across desktops and devices.<br />
</p>
<div><img width="34" height="34" border="0" alt=""
src="https://pfs.mozilla.org/images/windows_icon.png" /> For
Windows:<br />  <a
href="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash&P2_Platform=Win32&P3_Browser_Version=NetscapePre4">Version
7.0</a></div>
<p><br />
http://fpdownload.macromedia.com/get/sh ... taller.exe<br
/>
</p>
<div><img width="34" height="34" border="0" alt=""
src="https://pfs.mozilla.org/images/linux_icon.png" /> For
Linux:<br />  <a
href="http://www.macromedia.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&P2_Platform=Linux&P3_Browser_Version=Netscape4">Version
7.0</a></div>
<p><br />
http://fpdownload.macromedia.com/get/sh ... nux.tar.gz<br
/>
</p>
<br />
<h2><a
href="http://www.macromedia.com/software/shockwaveplayer/">Shockwave</a></h2>
<p>By <a
href="http://www.macromedia.com/">Macromedia</a></p>
<p>Shockwave Player displays Web content that has been created by
Macromedia Director.</p>
<div><img width="34" height="34" border="0" alt=""
src="https://pfs.mozilla.org/images/windows_icon.png" /> For
Windows:<br />  <a
href="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=Shockwave&P2_Platform=Win32&P3_Browser_Version=NetscapePre4">Version
10</a></div>
<p><br />
 http://fpdownload.macromedia.com/get/sh ... r_Slim.exe</p>
<p><img width="34" height="34" border="0" alt=""
src="https://pfs.mozilla.org/images/linux_icon.png" /> For
Linux:<br />
  无<br />
</p>
<h2><a
href="http://www.real.com/player/">RealPlayer</a></h2>
<p>By <a href="http://www.real.com/">Real
Networks</a></p> <p>RealPlayer enables your computer
to play streaming RealVideo and RealAudio.<br />
</p>
<div><img width="34" height="34" border="0" alt=""
src="https://pfs.mozilla.org/images/windows_icon.png" /> For
Windows:<br />  <a
href="http://www.real.com/R/RC.040104freeplayer.def...R/forms.real.com/real/realone/realone.html?type=eva1&rppr=rnwk&src=040104freeplayer">Version
10</a></div>
<p><br />
http://get.real.com/RJP1/61.195.68.21/0 ... -5GOLD.exe<br
/>
</p>
<div><img width="34" height="34" border="0" alt=""
src="https://pfs.mozilla.org/images/linux_icon.png" /> For
Linux:<br />  <a
href="http://www.real.com/R/RC.040104freeplayer.def...R/forms.real.com/real/player/unix/unix.html?rppr=rnwk&src=040104freeplayer">Version
10</a><br />
<br />
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr><td align="center"><a
href="http://www.real.com/realcom/R?href=http%3A%2F%2Fforms.real.com%2Freal%2Fplayer%2Fdownload.html%3Ff%3Dunix%2FRealPlayer10GOLD.bin%26product%3Dplayerplus%26system%3Dlinux%26pcode%3Drn%26src%3D040104freeplayer%2Clinux%26opage%3Dlinux&pageid=linuxPage&pageregion=offer_button"
style="text-decoration: none;">
<img border="0"
src="http://i.realone.com/assets/rn/cms/2004/other/Download_RealPlayer_Button.6770676.gif"
alt="Download RealPlayer" />
</a>
</td></tr>
<tr><td align="center">
<a
href="javascript:newWin('http://www.real.com/moreinfo/playerplus_install.html?system=linux&pageid=linuxPage&pageregion=install_instructions&src=040104freeplayer%2Clinux&pcode=rn&opage=linux','570','400');">Installation
Instructions</a>
</td></tr>
<tr><td> </td></tr>
<tr><td align="center">
<p>Advanced Installation<br />
<a
href="http://www.real.com/realcom/R?href=http%3A%2F%2Fforms.real.com%2Freal%2Fplayer%2Fdownload.html%3Ff%3Dunix%2FRealPlayer10GOLD.rpm%26product%3Dplayerplus%26system%3Dlinux&pageid=linuxPage&pageregion=advanced_install&src=040104freeplayer%2Clinux&pcode=rn&opage=linux"><font>Download
RPM Package</font></a>
</p></td></tr>
</table>
<a
href="http://www.real.com/realcom/R?href=http%3A%2F%2Fforms.real.com%2Freal%2Fplayer%2Fdownload.html%3Ff%3Dunix%2FRealPlayer10GOLD.rpm%26product%3Dplayerplus%26system%3Dlinux&pageid=linuxPage&pageregion=advanced_install&src=040104freeplayer%2Clinux&pcode=rn&opage=linux"><font
/></a><font><br />
<br />
</font><h2><font><a
href="http://www.adobe.com/products/acrobat/readermain.html">Acrobat
Reader</a></font></h2>
<font> </font><p><font>By <a
href="http://www.adobe.com/">Adobe
Systems</a></font></p>
<font> </font><p><font>For viewing and printing
Adobe Portable Document Format (PDF) files</font></p>
<font> </font><p><font><img width="16"
height="16" border="0" alt="" style="float: left;"
src="https://pfs.mozilla.org/images/faq_small.png" /> Adobe
Reader 7.0 requires Windows 2000 or later. If you are using Windows 98
SE, Windows Me, or Windows NT 4.0, you will need to use Adobe Reader
6.0.3</font></p>
<div style="margin-top: 5px; height: 50px;">
<font> </font><div><font><img width="34"
height="34" border="0" alt=""
src="https://pfs.mozilla.org/images/windows_icon.png" /> For
Windows:<br />  <a
href="http://ardownload.adobe.com/pub/adobe/reader/win/7x/7.0/enu/AdbeRdr70_enu_full.exe">Version
7.0</a><br /><a
href="http://ardownload.adobe.com/pub/adobe/reader/win/6.x/6.0/enu/AdbeRdr602_distrib_enu.exe">6.02
Full</a> / <a
href="http://ardownload.adobe.com/pub/adobe/acrobat/win/6.x/6.0.3/misc/Acro-Reader_603_Update.exe">6.03
Update</a><br />
<br />
http://ardownload.adobe.com/pub/adobe/r ... u_full.exe<br
/>
<br />
</font><div><font><img width="34" height="34"
border="0" alt="" src="https://pfs.mozilla.org/images/linux_icon.png"
/> For Linux:<br />  <a
href="http://ardownload.adobe.com/pub/adobe/acrobatreader/unix/5.x/linux-5010.tar.gz">Version
5.10</a><br />
<br />
http://ardownload.adobe.com/pub/adobe/a ... 010.tar.gz<br
/>
<br />
<br />
</font><h2><font><a
href="http://www.java.com/en/about/">Java</a></font></h2>
<font> </font><p><font>By <a
href="http://www.sun.com/">Sun
Microsystems</a></font></p>
<font> </font><p><font>The Java Runtime
Enviroment enables your computer to run applications and applets that
use Java technology.<br />
</font></p>
<div><font><img width="34" height="34" border="0" alt=""
src="https://pfs.mozilla.org/images/windows_icon.png" /> For
Windows:<br />  <a
href="http://javashoplm.sun.com/ECom/docs/Welcome.jsp?StoreId=22&PartDetailId=jre-1.5.0_01-oth-JPR&SiteId=JSC&TransactionId=noreg">Version
5.0 Update 1</a><br />
<br />
<br />
</font><div><font><img width="34" height="34"
border="0" alt="" src="https://pfs.mozilla.org/images/linux_icon.png"
/> For Linux:<br />  <a
href="http://javashoplm.sun.com/ECom/docs/Welcome.jsp?StoreId=22&PartDetailId=jre-1.5.0_01-oth-JPR&SiteId=JSC&TransactionId=noreg">Version
5.0 Update 1</a><br />
<br />
</font><h2><font>
如何让Firefox支持Java?</font></h2>
<font> <!-- Article -->
</font><p><!--StartFragment
--><font>通常，Firefox会自动调用你系统内的Java虚拟机，但是你如果要手动安装的话，Windows用户在
<a
href="ftp://ftp@ftp.netscape.com/pub/netscape/plugins/java/english/windows/win32/jre140_01i.xpi">
这里安装</a>，Linux用户在<a
href="ftp://ftp@ftp.netscape.com/pub/netscape6/english/6.2.2/unix/linux22/plugins/jre131_02.xpi">
这里安装</a>。 </font></p>
<font><br />
<br />
<br />
</font><h2><font><a
href="http://www.apple.com/quicktime/">Quicktime</a></font></h2>
<font> </font><p><font>By <a
href="http://www.apple.com/">Apple
Computer</a></font></p>
<font> </font><p><font>QuickTime Player is an
easy-to-use application for playing, interacting with or viewing video,
audio, VR or graphics files.<br />
</font></p>
<div><font><img width="34" height="34" border="0" alt=""
src="https://pfs.mozilla.org/images/windows_icon.png" /> For
Windows:<br />  <a
href="http://www.apple.com/quicktime/download/">Version
6.5.2</a><br />
<br />
<img width="34" height="34" border="0" alt=""
src="https://pfs.mozilla.org/images/linux_icon.png" /> For
Linux:<br />
  Unavailable<br />
<br />
</font><h2><font><a
href="http://www.microsoft.com/windows/windowsmedia/default.aspx">Windows
Media Player</a></font></h2>
<font> </font><p><font>By <a
href="http://www.microsoft.com/">Microsoft</a></font></p>
<font> </font><p><font>Windows Media Player
lets you play streaming audio, video, animations, and multimedia
presentations on the web.<br />
</font></p>
<div><font><img width="34" height="34" border="0" alt=""
src="https://pfs.mozilla.org/images/windows_icon.png" /> For
Windows:<br />  <a
href="http://www.microsoft.com/windows/windowsmedia/mp10/default.aspx">Version
10 for Windows XP</a>, <a
href="http://www.microsoft.com/windows/windowsmedia/9series/player.aspx">Version
9</a><br />
<br />
<img width="34" height="34" border="0" alt=""
src="https://pfs.mozilla.org/images/linux_icon.png" /> For
Linux:<br />
  Unavailable<br />
<br />
</font><hr /><font><br />
</font><h2><font>Firefox
Extensions</font></h2>
<font><br />
中文插件<br />
<br />
http://www.mozilla.net.cn/firefox/exten ... fault.html<br />
<a href="http://www.mozilla.net.cn/firefox/">FireFox
简体中文增强版</a> <span style="font-size: 10px;">dash
</span>已经包含了最常用的几个扩展插件。<br />
<br />
<br />
</font><h2><font><a name="SuperDragAndGo">Super
Drag And Go</a></font></h2>
<p><font><img width="208" height="72" border="0"
align="right" alt="Launchy for Windows"
src="http://www.mozilla.net.cn/firefox/extensions/images/SuperDragAndGo.gif"
/> 拖拽一个链接到网页的任意空白位置来在新标签页中打开链接。 <br />
就像 MyIE 中超级拖拽一样。 </font></p>
<ul>
<li><font>适用版本：0.8-1.0</font></li><li><
font>制作人：asqueella MonkeeSage NetOne</font></li>
</ul>
<font><br />
http://www.mozilla.net.cn/firefox/exten ... gAndGo.xpi<br
/>
</font><h2><font><a
name="TabbrowserExtensions">Tabbrowser
Extensions</a></font></h2>
<p><font><img width="208" height="72" border="0"
align="right" alt="Tabbrowser Extensions"
src="http://www.mozilla.net.cn/firefox/extensions/images/TabbrowserExtensions.gif"
/> 为Firefox提供强大的标签页浏览功能。</font></p>
<ul>
<li><font>适用版本：0.6-1.0</font></li><li><
font>制作人：Shimoda Hiroshi</font></li>
</ul>
<font><br />
http://www.mozilla.net.cn/firefox/exten ... nsions.xpi<br
/>
</font><h2><font><a
name="AllinOneGestures">All-in-One
Gestures</a></font></h2>
<p><font><img width="208" height="72" border="0"
align="right" alt="All-in-One Gestures"
src="http://www.mozilla.net.cn/firefox/extensions/images/AllinOneGestures.gif"
/> 提供使用鼠标手势对浏览器进行控制的功能。</font></p>
<ul>
<li><font>适用版本：0.8-1.0</font></li><li><
font>制作人：Marc Boullet</font></li>
</ul>
<font><br />
http://www.mozilla.net.cn/firefox/exten ... stures.xpi<br
/>
</font><h2><font><a
name="Adblock">Adblock</a></font></h2>
<p><font><img width="208" height="72" border="0"
align="right" alt="Adblock"
src="http://www.mozilla.net.cn/firefox/extensions/images/Adblock.gif"
/> 可以自行订制广告过滤条件，为您的浏览器提供全面的广告阻止功能。</font></p>
<ul>
<li><font>适用版本：0.7-1.0</font></li><li><
font>制作人：The Adblock Crew: Henrik, Wladimir,
rue</font></li>
</ul>
<font><br />
http://www.mozilla.net.cn/firefox/exten ... dblock.xpi<br
/>
</font><h2><font><a
name="Sage">Sage</a></font></h2>
<p><font><img width="208" height="72" border="0"
align="right" alt="Sage"
src="http://www.mozilla.net.cn/firefox/extensions/images/Sage.gif"
/> 一个简便的 RSS 和 ATOM Feed 阅读器。</font></p>
<ul>
<li><font>适用版本：0.7-1.0</font></li><li><
font>制作人：Peter Andrews</font></li>
</ul>
<font><br />
http://www.mozilla.net.cn/firefox/exten ... i/Sage.xpi<br />
</font><h2><font><a name="downloadmgr">Download
Manager Tweak</a></font></h2>
<p><font><img width="208" height="72" border="0"
align="right" alt="Download Manager Tweak"
src="http://www.mozilla.net.cn/firefox/extensions/images/downloadmgr.gif"
/> 这个扩展可以增强Firefox下载管理器。</font></p>
<ul>
<li><font>适用版本：0.8-1.0</font></li><li><
font>制作人：andman</font></li>
</ul>
<font><br
/>http://www.mozilla.net.cn/firefox/extensions/xpi/LaunchyforWindows.xpi<br
/>
<br />
<br />
英文插件<br />
<br />
Firefox中文Wiki - Firefox.FirefoxPlugins<br />
https://www.firefox.net.cn/wiki/pmwiki.p ... foxPlugins<br
/>
</font><h2><font> Tabbrowser Extensions
</font></h2>
<ul>
<li><font><a
href="http://piro.sakura.ne.jp/xul/tabextensions/index.html.en">开发者(英
文)</a>
(<em>http://piro.sakura.ne.jp/xul/tabextensions/index.html.en</em>)
</font></li>
</ul>
<p><font>不多说了，方便的Tab浏览插件。<br />
</font></p>
<p><font><a
href="http://piro.sakura.ne.jp/xul/xpi/tabextensions_en.xpi">Download
and Install</a><br />
Ver.1.14.2005030804<br />
</font></p>
<div><div>
<font> </font><h3><font>Old
Versions</font></h3>
<font> </font><ul><li><font><a
href="http://piro.sakura.ne.jp/xul/xpi/confirm.cgi?tabextensions1.13.2005030502.xpi">ver.1.13.2005030502</a></font></li><li><font><a
href="http://piro.sakura.ne.jp/xul/xpi/confirm.cgi?tabextensions1.12.2005011602.xpi">ver.1.12.2005011602</a></font></li><li><font><a
href="http://piro.sakura.ne.jp/xul/xpi/confirm.cgi?tabextensions1.11.2004111302b.xpi">ver.1.11.2004111302b</a></font></li><li><font><a
href="http://piro.sakura.ne.jp/xul/xpi/confirm.cgi?tabextensions1.10.20040712.xpi">ver.1.10.20040712</a></font></li><li><font><a
href="http://piro.sakura.ne.jp/xul/xpi/confirm.cgi?tabextensions1.9.20031107.xpi">ver.1.9.20031107</a></font></li><li><font><a
href="http://piro.sakura.ne.jp/xul/xpi/confirm.cgi?tabextensions1.8.20031002.xpi">ver.1.8.20031002</a></font></li><li><font><a
href="http://piro.sakura.ne.jp/xul/xpi/confirm.cgi?tabextensions1.7.20030619.xpi">ver.1.7.20030619</a></font></li><li><font><a
href="http://piro.sakura.ne.jp/xul/xpi/confirm.cgi?tabextensions1.6.20030108.xpi">ver.1.6.20030108</a></font></li><li><font><a
href="http://piro.sakura.ne.jp/xul/xpi/confirm.cgi?tabextensions1.4.xpi">ver.1.4</a></font></li><li><font><a
href="http://piro.sakura.ne.jp/xul/xpi/confirm.cgi?tabextensions1.3.xpi">ver.1.3</a></font></li></ul>
<font> </font></div></div>
<p><font>更新RSS  
http://piro.sakura.ne.jp/xul/xul.rdf.en<br />
</font></p>
<h2><font><br />
</font></h2>
<h2><font> QuickNote </font></h2>
<ul>
<li><font><a
href="http://jedbrown.net/1.0/mozilla/extensions/">开发者(英文)</a>
(<em>http://jedbrown.net/1.0/mozilla/extensions/</em>)
</font></li>
</ul>
<p><font>这个也是一个及其好用的插件，安装后生成一个工具栏按钮，可以给你提供一个方便的随手贴，你还可以将你在网
页上选择的内容发送到QuickNote里面，并且可以加上链接页面的名字。<br />
http://jedbrown.net/dev/Mozilla/quicknote.xpi<br />
</font></p>
<p><font><br />
</font></p>
<h2><font> Sage </font></h2>
<ul>
<li><font><a
href="http://sage.mozdev.org/">开发者(英文)</a>
(<em>http://sage.mozdev.org/</em>)
</font></li>
</ul>
<p><font>这个就不多说了，可以将你的Firefox扩展成一个强大的RSS聚合新闻阅读器。<br
/>
</font></p>
<p><font><strong>Sage 1.3.1:</strong> <a
href="http://ftp.mozilla.org/pub/mozilla.org/extensions/sage/sage-1.3.1-fx.xpi">click
here to install</a></font></p>
<p><font>更新RSS  http://sage.mozdev.org/rss.xml<br
/>
</font></p>
<p><font><br />
</font></p>
<hr />
<p><font><br />
</font></p>
<h2><font>Firefox Themes</font></h2>
<p>
</p>
<font><br />
</font><h2><font><a
href="https://addons.update.mozilla.org/themes/moreinfo.php?application=firefox&version=1.0&os=Windows&numpg=10&id=103">GrayModern
0.6.2</a></font></h2>
<p>
<font><a
href="https://addons.update.mozilla.org/themes/moreinfo.php?application=firefox&version=1.0&os=Windows&numpg=10&id=103"><img
width="200" height="100" border="0" alt="GrayModern preview - "
src="https://addons.update.mozilla.org/images/previews/graymodern-1.jpg"
/></a>
</font></p>
<p><font>By <a
href="https://addons.update.mozilla.org/themes/authorprofiles.php?application=firefox&version=1.0&os=Windows&numpg=10&id=65">Bernie
Zimmermann</a></font></p>
<font>A port of the GrayModern theme from the Mozilla
Suite.<br />
</font><div style="margin-top: 30px; height:
34px;"><div><font><a
href="http://ftp.mozilla.org/pub/mozilla.org/themes/graymodern/graymodern-0.6.2-fx.jar"><img
width="32" height="32" border="0" alt=""
src="https://addons.update.mozilla.org/images/download.png"
/>Install</a><br />  418
kb</font></div><div><font><img width="34"
height="34" border="0" alt=""
src="https://addons.update.mozilla.org/images/firefox_icon.png"
/> For Firefox:<br />  0.9+ - 1.0<br />
<br />
Added on: November 16, 2004 9:36:32pm<br />
</font></div></div>
<font><br />
</font><p>
</p>
<font><br />
</font></div>
<font><br />
</font></div>
<p><font><br />
</font></p>
<font><br />
</font></div>
<font><br />
</font></div>
<font><br />
<br />
<br />
</font></div>
</div></div>
</div>
<font><br /></font>

我用FF看很好呀，没发现问题，比IE显示的还好。楼主清空缓存，检查下你的扩展试试

还是不行啊~

英文插件的部分全都超出了

导致部分内容被评论框挡住~

不知道为什么FF下字体都很标准
IE下字体会变形

我的问题是这样的：

没错，2楼那是什么版的FF？

是你的网页的问题,看这一句

<div style="margin-top: 5px; height: 50px;">

你把div的长度限止成了50px,而实际的长度是远大于这个的.
IE不出问题是因为IE对height没有实现或者实现有bug.
你可以把这个height: 50px;去掉看看.

<div style="margin-top: 5px; height: 50px;">

我直接把这句删掉了~果然好了

十分感谢

猫头猪：IE不出问题是因为IE对height没有实现或者实现有bug.回到原帖

没有在CSS中设定overflow时该做的动作而内容过多时，IE预设会把区块（block）直接扩大，和Fx让内容直接超出边界不同

IE的这个做法虽然可以让内容过多时不至于迭在其它对象上，但是有时会导致版面的混乱呢＝︿＝

例如，左右各有一个层（DIV），而左方的层有个图片超出宽度设定时，右方的层在IE里面浏览的结果，会被往右方挤过去

风痕影：
没有在CSS中设定overflow时该做的动作而内容过多时，IE预设会把区块（block）直接扩大，和Fx让内容直接超出边界不同

IE的这个做法虽然可以让内容过多时不至于迭在其它对象上，但是有时会导致版面的混乱呢＝︿＝

例如，左右各有一个层（DIV），而左方的层有个图片超出宽度设定时，右方的层在IE里面浏览的结果，会被往右方挤过去回到原帖

这也是一种理解.
可是CSS中定义的overflow时的处理方式,也只有visible, hidden和scroll, 无论那种方式,都不会改变height和width. 如果只是想设定一个最小长度或宽度,也有min-height和min-width可以用.IE这样的做法是没有道理的.