DIV+CSS高度自适应网页代码实例

时间：2008-09-20 08:00:00　

我今天晚上，做一个快印公司的网站布局，在Div镶套布局中，父标签DIV的高度不变。在IE下没有问题，但是在FIREFOX下就有问题了。

如图：

代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>高度自适应 - asp之家</title></head><body><div style="width:300px;border:#FF0000 solid 1px;"> <div style="width:200px; float:left; position:relative;border:#000000 solid 1px; clear:left"> <p>此处显示</p> <p>新 Div 标签的</p> <p>内容</p> </div> <div style="width:80px; float:left; position:relative;border:#0000CC solid 1px; clear:right">此处显示新 Div 标签的内容</div></div></body></html>

在网上搜索一下发现有同样问题的人还挺多，给的方法也很多，有用JS的，有用HEIGHT=100％的，我感觉都没有作用。

我在下面加了一个
<div style="clear:both"></div>

加完后代码是：

这样就可以解决问题了。

标签：自适应,布局,浮动

投稿

DIV+CSS高度自适应网页代码实例

猜你喜欢

django模型查询操作的实现

缓存是如何实现的？

Pandas标记删除重复记录的方法

C#调用Python的URL接口的示例

python如何快速生成时间戳

PHP register_shutdown_function()函数的使用示例

python用线性回归预测股票价格的实现代码

几种设置表单元素中文本输入框不可编辑的方法总结

Linux下编译安装MySQL-Python教程

深入了解mysql长事务

Web端扫码登录的原理和实现讲解

如何远程使用服务器上的Jupyter notebook

基于python实现百度语音识别和图灵对话

asp如何编写一个DNS LOOKUP程序？

Scrapy爬虫框架集成selenium及全面详细讲解

python中使用PIL制作并验证图片验证码

win10下opencv-python特定版本手动安装与pip自动安装教程

IE7下动态创建Iframe时，去除边框的办法

Python实现OCR识别之pytesseract案例详解

sqlserver连接错误之SQL评估期已过的问题解决