div根据内容自动调节高度的解决方法

Div即父容器不根据内容自动调节高度,我们看下面的代码:

Html代码

当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。

我们可以通过三种方法来解决这个问题。

一,增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。

Html代码

二,增加一个容器,在代码中存在,但在视觉中不可见。

Html代码

三,增加一个BR并设置样式为clear:both。

Html代码

Div即父容器不根据内容自动调节高度,我们看下面的代码:

Html代码

当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。

我们可以通过三种方法来解决这个问题。

一,增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。

Html代码

二,增加一个容器,在代码中存在,但在视觉中不可见。

Html代码

三,增加一个BR并设置样式为clear:both。

Html代码


相关内容

  • 关于数字示波器电压测量准确度校准方法研究
  • SHANGHAIMEASUREMENTANDTESTING Exchange T e c h n I c a l E x c h a n g e 关于数字示波器电压测量准确度校准方法研究 陈曦李庄伟/上海市计量测试技术研究院 1引言 自1972年美国尼科莱特公司研制成功世界上首台数字示波器以来,经过 ...

  • 实验53+数字示波器的原理与使用
  • 实验53 数字示波器的原理与使用 示波器是用于显示信号波形的仪器.示波器除了可以直接观测电压随时间变化的波形外,还可以测量频率和相位差等参数,也可以定性观察信号的动态过程.它不仅能测量电学量,还可以通过不同的传感器将各种非电量,如速度.压力.应力.振动.浓度.声.磁.光.热等,变换成电学量来间接地进 ...

  • 示波器说明书(新)
  • HANGZHOU JINGCE 1 安 全 性 使用者应对以下安全性预防措施充分了解,以避免受伤并防止损坏本产品及与其相连接的任何产品. 1.使用正确的电源线,本产品通过电源线的接地导体接地,以免电击,在使用本产品前务必将本产品正确接地. 2.正确连接探极,探极地线与地电势相同,切勿将地线连接至高电 ...

  • 示波器的使用
  • 示波器的使用 示波器是一种显示各种电压波形的仪器,它利用被测信号产生的电场对示波管中电子运动的影响来反映被测信号电压的瞬变过程.由于电子质量.惯性小,荷质比大,因此它具有较宽的频率响应,用以观察变化极快的电压瞬变过程,因而它具有较广的应用范围.一切能转换为电压信号的电学量(如电流.电功率.阻抗等)和 ...

  • 示波器介绍
  • 示波器 中文名称: 示波器 英文名称: oscilloscope 定义: 显示被测量的瞬时值轨迹变化情况的仪器. 应用学科: 机械工程(一级学科):电测量仪器仪表(二级学科):电测量仪器仪表一般名词(三级学科) 示波器 示波器是一种用途十分广泛的电子测量仪器.它能把肉眼看不见的电信号变换成看得见的图 ...

  • 示波器实验一
  • 实验题目:泰克TDS1002数字示波器的使用报告 姓 名:冉 杰 文 学 号: 2012213624 一.实验目的 1.了解示波器的基本结构和工作原理,巩固在理论上学习的示波器的知识. 2.熟悉示波器的面板及每个按钮的功能和作用,熟练运用示波器. 3.学会使用数字示波器测量各种电压信号波形,熟练读取 ...

  • 模拟电子技术实验指导
  • 实验二 常用电子仪器的使用 一.实验目的 (1)了解双踪示波器.低频信号发生器及晶体管毫伏表的原理框图和主要技术指标: (2)掌握用双踪示波器测量信号的幅度.频率: (3)掌握低频信号发生器.晶体管毫伏表的正确使用方法. 二.实验器材 双踪示波器 DF4321型(或HH4310A型) 低频信号发生器 ...

  • 基于PID的单容液位控制系统
  • 课程名称:综合实验2 项目名称:基于PLC 的单容液位PID 控制系统的设计 学 院:信息工程学院 专业班级:自动化112 同 组 人:李智良.刘彦锋.于振新 李金燕.张雪玉岚.吴昊 指导老师:谢新开老师 实验时间:2014-6-16至2014-6-20 2014 年 6 月 24日 摘要 PLC ...

  • 电子测量实验
  • 电子测量技术实验指导书 实验一:示波器的一般应用 一.实验目的:了解通用电子示波工器工作原理的基础上,学会正确使用示波器测量各种电参数的方法. 二.实验仪器:1.函数信号发生器,SG1646,1台:2.双踪示波器,型号CA8000系列,数量1台. 三.实验原理 在时域信号测量中,电子示波器无疑是最具 ...