新手提问，菜单浏览效果的问题_html/css_WEB-ITnose

php中文网

发布时间：2016-06-24 11:41:17

1012人浏览过

来源于php中文网

原创

（1）我想做一个电子菜谱，在菜谱页面左边有菜式的分类，点击分类能在右边显示该分类的菜式。我用两个

使用浮动属性实现了左右两个界面，可是两个界面之间有内容会重叠在一起，百度了也不知道怎么解决，右边界面中我把一类型的菜式用表格放在一起，不过效果不是很好的样子（本来想加入图片的，不过太乱了，放弃了），而且无法做到分类显示，几个表格都同时显示了，这种情况要怎么解决？使得左边分类与右边的菜式一一对应。
（2）还有就是图片链接的事，设置了链接背景图片，却无法显示背景图片。我把图片都放在一个包放在和index.html同一层目录上，然后直接用background-image属性链接的（CSS代码是这样的：body{background-image: url(img/catring/WebContent/s1.jpeg) repeat}），不过就是无法显示背景图片，还是一片白，不过设置背景颜色就可以显示。请问怎么解决？
请问代码怎么写？HTML或者JSP，我用eclipse软件的。尽量不要用到数据库，我不会。

回复讨论(解决方案)

.Html里一些标签里面不能放区块元素

LongShot

LongShot 是一款 AI 写作助手，可帮助您生成针对搜索引擎优化的内容博客。

下载

解决方法是什么？

这种左右布局的方法有很多种。
1.table左右布局，贼简单
2.div浮动布局
3.绝对定位
4.使用span等，控制高度
看你的问题，你应该不是大前端专业户。这些问题还是交给你们公司的美工去做吧。。。。。

Next.js 静态生成页面源码不可见问题的完整解决方案

html5如何实现图片边缘检测_html5边缘检测算法教程【代码】

如何使用 Flexbox 实现水平导航列表项等宽自适应填充

解决 HTML 表单中下拉计算器结果被清空的问题

html个人页面怎么加模态框_html弹窗组件编写法【组件】

HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：css3 媒体记_html/css_WEB-ITnose 下一篇：CSS如何实现滑动门效果_html/css_WEB-ITnose

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI 编程开发 AI 聊天问答

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI 编程开发 AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI 编程开发 Agent智能体

腾讯元宝

腾讯混元平台推出的AI助手

文档处理 AI 聊天问答

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI 编程开发 AI 文本写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

AI 文本写作中文写作

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI 编程开发 AI 文本写作

智谱清言 - 免费全能的AI助手

AI 编程开发 Agent智能体

相关专题

java入门学习合集

本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容，阅读专题下面的文章了解更多详细学习方法。

2026.01.29

java配置环境变量教程合集

本专题整合了java配置环境变量设置、步骤、安装jdk、避免冲突等等相关内容，阅读专题下面的文章了解更多详细操作。

2026.01.29

java成品学习网站推荐大全

本专题整合了java成品网站、在线成品网站源码、源码入口等等相关内容，阅读专题下面的文章了解更多详细推荐内容。

2026.01.29

Java字符串处理使用教程合集

本专题整合了Java字符串截取、处理、使用、实战等等教程内容，阅读专题下面的文章了解详细操作教程。

2026.01.29

Java空对象相关教程合集

本专题整合了Java空对象相关教程，阅读专题下面的文章了解更多详细内容。

2026.01.29

clawdbot ai使用教程保姆级clawdbot部署安装手册

Clawdbot是一个“有灵魂”的AI助手，可以帮用户清空收件箱、发送电子邮件、管理日历、办理航班值机等等，并且可以接入用户常用的任何聊天APP，所有的操作均可通过WhatsApp、Telegram等平台完成，用户只需通过对话，就能操控设备自动执行各类任务。

2026.01.29

clawdbot龙虾机器人官网入口 clawdbot ai官方网站地址

clawdbot龙虾机器人官网入口:https://clawd.bot/,clawdbot ai是一个“有灵魂”的AI助手，可以帮用户清空收件箱、发送电子邮件、管理日历、办理航班值机等等，并且可以接入用户常用的任何聊天APP，所有的操作均可通过WhatsApp、Telegram等平台完成，用户只需通过对话，就能操控设备自动执行各类任务。

2026.01.29

Golang 网络安全与加密实战

本专题系统讲解 Golang 在网络安全与加密技术中的应用，包括对称加密与非对称加密（AES、RSA）、哈希与数字签名、JWT身份认证、SSL/TLS 安全通信、常见网络攻击防范（如SQL注入、XSS、CSRF）及其防护措施。通过实战案例，帮助学习者掌握如何使用 Go 语言保障网络通信的安全性，保护用户数据与隐私。

2026.01.29