微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

关于HTML/CSS布局问题 初学者学习问题_html/css_WEB-ITnose

php中文网
发布： 2016-06-21 09:41:03
原创
1280人浏览过

div 

body {	margin:0px;	padding:0px;	font:12px arial,宋体;	text-align:center;}.zong {	float:left;	width:214px;	height:266px;	background:rgb(220,232,244);	position:absolute;	left:50%;	top:50%;	margin-top:-133px;	margin-left:-107px;	border:1px outset black;		z-index:-100;}.kuang {	float:left;	margin-top:10px;	margin-left:11px;	width:192px;	height:52px;	background:url(../images/0000000.jpg) no-repeat left top;	z-index:-98;}.gongneng {	float:left;	margin-top:4px;	width:214px;	height:61px;	z-index:-99;}.buttom a{	float:left;	width:36px;	height:29px;	background:url(../images/MC.jpg) no-repeat top left;	margin-top:1px;	margin-left:11px;}	.buttom a:hover {	float:left;	background:url(../images/MC1.jpg) no-repeat top left;	width:36px;	height:29px;	margin-top:1px;	margin-left:11px;}.buttom a:active {	float:left;	background:url(images/MC2.jpg) no-repeat top left;	width:36px;	height:29px;	margin-top:1px;	margin-left:11px;}
登录后复制

	<body>		<div class="zong">			<div class="kuang">							</div>			<div class="gongneng">				<div class="buttom"><a href="#"></a></div>						</div>		</div>	</body>
登录后复制


初学者……这些是我的代码 目的就是布局一个系统自带计算器框架，但是陷在遇到的问题就是在制作按键的时候，鼠标无法点击按钮，光标移动到按钮上也毫无变化，甚至连小手都没有，本人没学几天，求高手指点

回复讨论(解决方案)

使用Chrome打开文件，右键，审查元素，感觉是你的样式没有生效。

不知道楼主的 问题是在哪个浏览器下 有问题。我在火狐 ie7   8  是正常的。

我发现问题所在了 的确 IE FIREFOX下全正常 但是我图方便用sougou浏览器看的 结果在高速模式下没有效果，闹笑话了 谢谢大家

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

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

下载
来源：php中文网
收藏 点赞
上一篇：CSS?角??~_html/css_WEB-ITnose 下一篇：设置margin-top无效_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
在 Angular CKEditor 中插入自定义 Span 元素 本教程详细介绍了如何在Angular应用中，通过ngModel数据绑定机制，高效且优雅地向CKEditor5实例中插入自定义的元素或其他HTML内容。文章将提供具体的代码示例，并解释这种方法如何与Angular的响应式数据流无缝集成，避免了直接操作CKEditor内部模型可能带来的复杂性。
2025-11-15 09:47:16
512
在 React select 元素中管理包含对象值的选项 本文将详细介绍如何在React中正确处理元素中包含复杂对象作为值的选项。我们将探讨原生HTML元素如何处理值，解释常见错误，并提供通过设置option的value属性并使用find方法来动态获取对应的对象值，从而实现状态的准确更新。
2025-11-15 09:42:05
732
使用CSS Grid实现仅显示首行流体高度响应式布局 本文详细探讨了如何利用CSSGrid布局来创建一个响应式容器，该容器能够根据可用空间自动调整列数，并且只显示第一行的内容，将所有超出第一行的项目隐藏。针对传统Flexbox在处理流体高度多行隐藏时的局限性，文章提出了基于Grid布局的解决方案，通过巧妙设置grid-template-rows:auto;和grid-auto-rows:0;，并结合overflow:hidden;及内部内容包装，实现精确控制，确保布局的优雅与功能性。
2025-11-15 09:37:21
325
如何优雅地实现Select2下拉列表的联动清空，避免无限循环 本文旨在解决在使用Select2库时，两个相互关联的下拉列表在选择时导致无限循环清空的问题。通过分析jQuery.change()方法的触发机制，我们揭示了错误根源在于事件的重复触发。核心解决方案是移除change()方法调用，仅使用val([])来直接设置值，从而避免不必要的事件链，确保页面交互的稳定性和流畅性。
2025-11-15 09:32:13
856
JavaScript中为循环输出数组元素添加序号的教程 本教程详细介绍了如何在JavaScript中，利用for循环的索引i为动态生成的数组输出元素添加唯一序号。通过一个用户输入城市列表的示例，演示了如何获取表单数据，并在循环中将i+1作为序号，最终在网页上展示带有序号的列表项，确保输出的清晰与有序。
2025-11-15 09:20:12
263
如何html转为excel_HTML表格数据导出为Excel方法 答案：导出HTML表格为Excel有四种常用方法。1.浏览器复制粘贴，适合简单场景但格式易错；2.JavaScript前端导出，通过SheetJS库实现用户自助下载；3.后端生成，用Python、Node.js等处理数据并生成标准Excel文件；4.手动转HTML为Excel兼容XML，适用于特殊需求。选择应基于使用场景与技术能力。
2025-11-15 09:17:17
345
如何创建html表单_HTML表单（form/input）创建与字段设置方法 使用form标签定义表单结构，设置action、method等属性；2.添加input字段并指定type类型如text、password、email等；3.用label提升可访问性，确保点击文字可激活输入框；4.结合textarea、select、button等控件完善功能。正确使用name属性和语义化标签是关键。
2025-11-15 09:04:03
934
JavaScript日程调度器本地存储实现指南 本教程旨在解决JavaScript日程调度器中本地存储失效的常见问题。文章将深入分析数据保存与加载过程中键名和选择器不一致的根源，并提供详细的修正方案及优化建议。通过理解和应用正确的本地存储机制，确保用户输入的数据在页面重载后能够持久化，从而提升应用的可用性和用户体验。
2025-11-15 09:03:16
387
HTML map 和 area 标签实现交互式图像区域教程 本文详细介绍了HTML中标签的usemap属性与和标签配合使用，以创建可点击的图像区域。重点阐述了usemap属性正确引用标签name属性时必须包含哈希符号（#）的前缀，并提供了完整的代码示例和注意事项，帮助开发者避免常见错误，实现图像地图功能。
2025-11-15 09:01:02
203
优化CSS纯加载动画：解决伪元素延迟启动的同步问题 本教程探讨了CSS加载动画中，伪元素使用animation-delay在交互（如hover）时未能立即同步启动的问题。通过分析animation-delay与animation-play-state的交互机制，我们发现移除部分伪元素的初始延迟可以实现动画在触发瞬间即刻错位启动，从而达到更流畅、符合预期的视觉效果。文章将提供详细代码示例和调试建议。
2025-11-15 09:00:22
646
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部