IE6和IE8显示正常,但是谷歌浏览器高度显示不正常。求解,代码如下:
<style>div,p,ul,li{margin:0; padding:0;}.ilistr{ width:340px; height:auto; float:right;}.ilcol{ width:338px; height:auto; margin-top:10px; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-top:2px solid #ff6793; clear:both;}.ilcol_tit{ width:328px; height:30px; background-color:#fcfcfc; font-size:16px; font-weight:bold; line-height:30px; padding-left:10px;}.ilcol_tit a{ color:#00aaff;}.ilcol_tit a:hover{ color:#ff6793;}.ilcol_all{ width:338px; height:auto; clear:both;}.ilcol_all ul { width:330px; padding:5px 4px;}.ilcol_all ul li{ width:324px; padding-left:6px; border-bottom:1px dashed #d2d2d2; clear:both; list-style-type:none;}.ilcol_tita{ width:313px; padding-left:11px; height:30px; line-height:30px; font-size:14px; font-weight:bold; background: url(../images/listcol.gif) no-repeat 0px 5px;}.ilcol_tita a{ color:#00aaff;}.ilcol_tita a:hover{ color:#ff6793;}.ilcol_titb{ width:74px; height:25px; overflow:hidden; line-height:25px; float:left; padding-left:7px; background: url(../images/tag.gif) no-repeat 0px 7px;}</style><div class="ilcol"><div class="ilcol_tit"><a href="/">栏目导航</a></div><div class="ilcol_all"><ul><li><div class="ilcol_tita"><a href="/">大栏目标题</a></div><div class="ilcol_titb"><a href="/">小栏目标题</a></div><div class="ilcol_titb"><a href="/">小栏目标题</a></div><div class="ilcol_titb"><a href="/">小栏目标题</a></div><div class="ilcol_titb"><a href="/">小栏目标题</a></div><div class="ilcol_titb"><a href="/">小栏目标题</a></div></li><li><div class="ilcol_tita"><a href="/">大栏目标题</a></div><div class="ilcol_titb"><a href="/">小栏目标题</a></div><div class="ilcol_titb"><a href="/">小栏目标题</a></div><div class="ilcol_titb"><a href="/">小栏目标题</a></div><div class="ilcol_titb"><a href="/">小栏目标题</a></div><div class="ilcol_titb"><a href="/">小栏目标题</a></div><div class="ilcol_titb"><a href="/">小栏目标题</a></div></li></ul></div></div>
回复讨论(解决方案)
应该是li标签不能自适应高度,用 overflow:auto 能解决,但是会有滚动条,太难看了。。 有高手吗?我是新手,第一次写门户站的代码,遇到好多问题
晕了,li加上overflow:hidden;直接就能解决
饿..多理解一下各种属性. 很快就好了
如果是Chrome浏览器, 直接F12呼出开发者模式, 可以在界面上调整元素属性, 来确定问题

HTML的未来趋势是语义化和Web组件,CSS的未来趋势是CSS-in-JS和CSSHoudini,JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果,Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积,CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡,Serverless简化开发但需优化冷启动问题。

HTML、CSS和JavaScript在Web开发中的作用分别是:1.HTML定义网页结构,2.CSS控制网页样式,3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。

HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。

HTML、CSS和JavaScript在网页开发中的角色分别是:HTML负责内容结构,CSS负责样式,JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容,确保语义化。2.CSS通过选择器和属性控制网页样式,使其美观易读。3.JavaScript通过脚本控制网页行为,实现动态和交互功能。

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增强WebevebDevelopment。

HTML是构建网页结构的基石。1.HTML定义内容结构和语义,使用、、等标签。2.提供语义化标记,如、、等,提升SEO效果。3.通过标签实现用户交互,需注意表单验证。4.使用、等高级元素结合JavaScript实现动态效果。5.常见错误包括标签未闭合和属性值未加引号,需使用验证工具。6.优化策略包括减少HTTP请求、压缩HTML、使用语义化标签等。

HTML是一种用于构建网页的语言,通过标签和属性定义网页结构和内容。1)HTML通过标签组织文档结构,如、。2)浏览器解析HTML构建DOM并渲染网页。3)HTML5的新特性如、、增强了多媒体功能。4)常见错误包括标签未闭合和属性值未加引号。5)优化建议包括使用语义化标签和减少文件大小。

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


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

SecLists
SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

禅工作室 13.0.1
功能强大的PHP集成开发环境

SublimeText3 英文版
推荐:为Win版本,支持代码提示!

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具