自助购买VIP 收藏本站将本站放到桌面

开启辅助访问购买锦尚中国空间免费安装程序请联系QQ278869155

源码论坛公告：本站是一个交流学习建站资源的社区论坛，旨在交流学习源码脚本等资源技术，欢迎大家投稿发言！【点击此处将锦尚放在桌面】

源码论坛,商业源码下载,尽在锦尚中国商业源码论坛»论坛 › 网站源码(交流学习,共同进步) › 站长教程 › html中div重叠问题的原因分析和处理

发新帖

查看: 7670|回复: 0

上一主题

下一主题

[CSS/Html] html中div重叠问题的原因分析和处理

1175 主题	1564 帖子	9320 金币

Rank: 8 Rank: 8

积分: 20328

发消息

电梯直达

跳转到指定楼层

1^#

发表于 2019-10-21 22:38:32 | 只看该作者 |只看大图回帖奖励

回帖奖励

|倒序浏览 |阅读模式

先来看下一段代码：

<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>重叠DIV</title>
<style>
.left{width:200px; float:left; color:#F00; border:1px solid #F00}
.nofloat{width:100px; background:#CCC}
</style>
</head>
<body>
<div class="left">left对象DIV内</div>
<div class="nofloat">nofloat对象DIV内</div>
</body>
</html>

复制代码

运行效果：

原因分析

class=left的div盒子使用了浮动属性float:left，而class=nofloat未使用。这样一个浮动DIV，一个未使用float浮动属性，所以就造成重叠现象。

解决方法

（1）清除样式

（2）2个都用浮动，或者都不用

分享到: QQ好友和群 QQ空间 腾讯微博 腾讯朋友

收藏0 分享

回复

发新帖

锦尚中国源码论坛

聚合标签|锦尚中国,为中国网站设计添动力 ( 鲁ICP备09033200号 ) |网站地图

GMT+8, 2024-11-25 16:48 , Processed in 0.107621 second(s), 28 queries .

带宽由 锦尚数据 提供专业的数据中心

© 锦尚中国源码论坛 52jscn Inc. 非法入侵必将受到法律制裁法律顾问：IT法律网 & 褚福省律师锦尚爱心版权申诉版权与免责声明