求前端大神帮帮忙,我把网页缩小后出现图中上的问题,IE上又没问题啊,360就有问题,求教。_html/css_WEB-ITnose
下面是IE的效果
<style>.qiyenews{ margin-left:-700px; line-height:30px; margin-top:20px;}.hangye{ margin-top:-330px; margin-left:40px; line-height:30px;}.remeng{ margin-top: -330px; margin-left: 750px;}.jishu{ margin-left:-700px; margin-top:-330px; line-height:30px;}.zhengzhi{ line-height:30px; margin-top:-330px; margin-left:40px; }.zhuanti{ width:370px; margin-top:-200px; margin-right:950px;}.shebei{ margin-top:-230px; margin-left:40%; line-height:20px; position:absolute;}.zixun{ margin-left:800px; margin-top:-250px; line-height: 27px;}.pictrue{ margin-top:20px; margin-left:800px;}table,tr,td{ border:1px solid #DDDDDD;}.daohang{ margin-right: 960px; margin-top: 40px; margin-bottom: 20px;}</style>
<!-- 新闻展示 --><center><div class="shebei"><a href="content?id={$rand[0][id]}"><span><b style="color:#FF5511;font-size:15px;">{$rand[0][title]|msubstr=0,20,'utf-8',false}</b></span></a><br><span style="float:left;"><a href="content?id={$rand[1][id]}">[{$rand[1][title]|msubstr=0,13,'utf-8',false}]</a></span> <span style="float:right;"><a href="content?id={$rand[2][id]}">[{$rand[2][title]|msubstr=0,13,'utf-8',false}]</a></span><hr style="width:300px;"><a href="content?id={$rand[3][id]}"><span><b style="color:#FF5511;font-size:15px;">{$rand[3][title]|msubstr=0,20,'utf-8',false}</b></span></a><br><span style="float:left;"><a href="content?id={$rand[4][id]}">[{$rand[4][title]|msubstr=0,13,'utf-8',false}]</a></span> <span style="float:right;"><a href="content?id={$rand[5][id]}">[{$rand[5][title]|msubstr=0,13,'utf-8',false}]</a></span><hr style="width:300px;"><a href="content?id={$rand[6][id]}"><span><b style="color:#FF5511;font-size:15px;">{$rand[6][title]|msubstr=0,20,'utf-8',false}</b></span></a><br><span style="float:left;"><a href="content?id={$rand[7][id]}">[{$rand[7][title]|msubstr=0,13,'utf-8',false}]</a></span> <span style="float:right;"><a href="content?id={$rand[8][id]}">[{$rand[8][title]|msubstr=0,13,'utf-8',false}]</a></span><hr style="width:300px;"></div></center><center><div style="margin-left: 42%;position:absolute;line-height: 44px;text-align: left;"><tr><td><a href="content?id={$rand2[0][id]}"><span>行业动态</span> | {$rand2[0][title]|msubstr=0,20,'utf-8',false}</td></a><td><a href="content?id={$rand1[0][id]}"><span>产品资讯</span> | {$rand1[0][title]|msubstr=0,20,'utf-8',false}</td></a><td><a href="content?id={$rand4[0][id]}"><span>技术应用 </span> | {$rand4[0][title]|msubstr=0,20,'utf-8',false}</td></a><td><a href="content?id={$rand5[0][id]}"><span>政策法规</span> | {$rand5[0][title]|msubstr=0,20,'utf-8',false}</td></a><td><a href="content?id={$rand3[0][id]}"><span>企业新闻</span> | {$rand3[0][title]|msubstr=0,20,'utf-8',false}</td></a><td><a href="content?id={$rand6[0][id]}"><span>其他</span> | {$rand6[0][title]|msubstr=0,20,'utf-8',false}</td></a></tr></div></center><!--产品资讯--><div class="zixun"><table border="1" width="270" cellspacing="0" cellpadding="0" style="line-height:20px;"><tr><td><b>产品资讯</b></td></tr><tr><td><volist name="zixun" id="vo"><li tyle="list-style-type:square;margin-left:12px;"><a href="content?id={$vo.id}"> ?{$vo.title}</a></li></volist></td></tr></table></div><!--图片新闻 --><div class="pictrue"><table border="1" width="270" cellspacing="0" cellpadding="0"><tr style="height:30px;"><td><b>图片新闻</b></td></tr><tr><td style="height:200px;"><div style="margin-top:-70px;"><volist name="tunews" id="vo"><div style="float:left;margin-left:20px;margin-top:40px;"><A href="content?id={$vo.id}"><img src="/static/imghw/default1.png" data-src="__ROOT__/{$vo.pics}" class="lazy" style="max-width:90%" style="max-width:90%" / alt="求前端大神帮帮忙,我把网页缩小后出现图中上的问题,IE上又没问题啊,360就有问题,求教。_html/css_WEB-ITnose" ></A><p style="margin-left:0px;margin-top:-15px;"><span><a href="content?id={$vo.id}" style="text-align:center;background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6);font-size:11px;color:#fff;position:absolute;width:105px;">{$vo.title|msubstr=0,8,'utf-8',false}</a></span></p></div></volist></div></td></tr></table></div><!-- 热点专题 --><div class="zhuanti"><b style="margin-left:-50px;">热点专题</b><volist name="redian" id="vo" offset="0" length='1'><a href="content?id={$vo.id}" style="margin-left:120px;margin-top:10px;margin-bottom: 10px;"><span style="color:red;">{$vo.title}</span></a><img src="/static/imghw/default1.png" data-src="__ROOT__/{$vo.pics}" class="lazy" style="max-width:90%" style="max-width:90%" style="margin-top:-10px;"/ alt="求前端大神帮帮忙,我把网页缩小后出现图中上的问题,IE上又没问题啊,360就有问题,求教。_html/css_WEB-ITnose" ><p style="margin-left:240px;margin-top:-90px;text-align:justify;width:250px;"><a href="content?id={$vo.id}">{$vo.content|msubstr=0,50,'utf-8',false}</a></p></volist><ul style="margin-top:30px;margin-left:130px;width:400px;text-align:justify;"><volist name="redian" id="vo" offset="1" length='3'><li><a href="content?id={$vo.id}">{$vo.title|msubstr=0,30,'utf-8',false}</a></li></volist></ul></div><!-- 中间大banner --><div class="banner" style="margin-top: initial;"><img src="/static/imghw/default1.png" data-src="__PUBLIC__/img1/banner2.PNG" class="lazy" style="max-width:90%"/ alt="求前端大神帮帮忙,我把网页缩小后出现图中上的问题,IE上又没问题啊,360就有问题,求教。_html/css_WEB-ITnose" ></div><div><!--企业新闻 --><div class="qiyenews"><table border="1" width="350" cellspacing="0" cellpadding="0"><tr style="height:30px;"><td><div style="height:2px;"><b>企业新闻</b></div><A href="morenews?uid=3"><div style="margin-left:80%;">更多 >></div></A></td></tr><tr><td style="height:300px;"><div style="margin-top:-30px;line-height:10px;"><volist name="qiye" id="vo"> <a href="content?id={$vo.id}">{$vo.title|msubstr=0,18,'utf-8',false}</a><span style="float:right;margin-top:-10px;">[{$vo.publishtime|date="Y-m-d",###}]</span><br></volist></div></td></tr></table></div><!-- 行业动态 --><div class="hangye"><table border="1" width="350" cellspacing="0" cellpadding="0"><tr style="height:30px;"><td><div style="height:2px;"><b>行业动态</b></div><A href="morenews?uid=2"><div style="margin-left:80%;">更多 >></div></A></td></tr><tr><td style="height:300px;"><div style="margin-top:-60px;line-height:10px;"><volist name="dongtai" id="vo"> <a href="content?id={$vo.id}">{$vo.title|msubstr=0,18,'utf-8',false}</a><span style="float:right;margin-top:-10px;">[{$vo.publishtime|date="Y-m-d",###}]</span><br></volist></div></td></tr></table></div><!-- 热门浏览 --><div class="remeng"><table border="1" width="320" cellspacing="0" cellpadding="0"><tr style="height:30px;"><td><b>热门浏览</b></td></tr><tr><td style="height:650px;"><div style="line-height:14px;margin-top:10px;" ><volist name="remengliulan" id="vo"><img src="/static/imghw/default1.png" data-src="__ROOT__/{$vo.pics}" class="lazy" style="max-width:90%" style="max-width:90%" / alt="求前端大神帮帮忙,我把网页缩小后出现图中上的问题,IE上又没问题啊,360就有问题,求教。_html/css_WEB-ITnose" ><p style="margin-top:-60px;margin-left:90px;"><b>{$vo.title|msubstr=0,18,'utf-8',false}</b></p><p style="text-indent:2em;margin-top:0px;margin-left:90px;line-height:15px;">{$vo.content|msubstr=0,48,'utf-8',true}<a href="content?id={$vo.id}"><span style="position:absolute;margin-left:120px;margin-top:-15px;">[详情]</span></a></p><br></volist></div></td></table></div><!-- 技术应用 --><div class="jishu"><table border="1" width="350" cellspacing="0" cellpadding="0"><tr style="height:30px;"><td><div style="height:2px;"><b>技术应用</b></div><A href="morenews?uid=4"><div style="margin-left:80%;">更多 >></div></A></td></tr><tr><td style="height:300px;"><div style="margin-top:-60px;line-height:10px;"><volist name="jishu" id="vo"> <a href="content?id={$vo.id}">{$vo.title|msubstr=0,18,'utf-8',false}<span style="float:right;">[{$vo.publishtime|date="Y-m-d",###}]</span></a><br></volist></div></td></tr></table></div><!-- 整治法规 --><div class="zhengzhi"><table border="1" width="350" cellspacing="0" cellpadding="0"><tr style="height:30px;"><td><A href="morenews?uid=5"><b>整治法规</b><span style="margin-left:67%;">更多>></span></A></td></tr><tr><td style="height:300px;"><div style="margin-top:-60px;line-height:10px;"><volist name="zhengzhi" id="vo"> <a href="content?id={$vo.id}">{$vo.title|msubstr=0,18,'utf-8',false}<span style="float:right;">[{$vo.publishtime|date="Y-m-d",###}]</span></a><br></volist></div></td></tr></table></div></div></div>
回复讨论(解决方案)
写的咱这么乱哟,
div包着tr有意义么?应该先写盒子,再做其他的
360是哪个版本,有可能是IE内核的问题。
已解决,是高度没有设置的问题。

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

HTML適合初學者學習,因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩,易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高,可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML定義網頁結構,CSS負責樣式和佈局,JavaScript賦予動態交互。三者在網頁開發中各司其職,共同構建豐富多彩的網站。

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

GiteePages靜態網站部署失敗:404錯誤排查與解決在使用Gitee...

實現圖片點擊後周圍圖片散開並放大效果許多網頁設計中,需要實現一種交互效果:點擊某張圖片,使其周圍的...

HTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構,使用標籤如、等。 2.CSS控製網頁樣式,使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互,通過事件監聽和DOM操作。

網頁批註功能的Y軸位置自適應算法本文將探討如何實現類似Word文檔的批註功能,特別是如何處理批註之間的間�...
