CSS3和HTML问题集锦
来源:互联网 发布:数据库安全 编辑:程序博客网 时间:2024/06/05 08:26
1. div里有iframe,当iframe高度为100%时,为什么body纵向会出现滚动条?
【原因】<iframe>和<img>标签类似,是inline-block标签,空白符被解析。
【办法】通过更改html结构,如<body><iframe></iframe></body>在chrome和IE6、7下可解决问题,但其他浏览器还会有间隙。
【更妥善】解决办法一般有两种方案,一种是改变父级样式,如font-size: 0; 或者line-height: 0; 另一路是改变inline-block自身样式,如display: block 或者vertical-align: middle
【办法】通过更改html结构,如<body><iframe></iframe></body>在chrome和IE6、7下可解决问题,但其他浏览器还会有间隙。
【更妥善】解决办法一般有两种方案,一种是改变父级样式,如font-size: 0; 或者line-height: 0; 另一路是改变inline-block自身样式,如display: block 或者vertical-align: middle
2.Div父容器不根据内容自动撑开的解决方法 ?
【现像】
<div id="main"><div id="content"></div></div>
当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开
【办法】一,增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。
<div id="main"><div id="content"></div><div style="font: 0px/0px sans-serif;clear: both;display: block"> </div></div>二,增加一个容器,在代码中存在,但在视觉中不可见。
<div id="main"><div id="content"></div><div style="height:1px; margin-top:-1px;clear: both;overflow:hidden;"></div></div>三,增加一个BR并设置样式为clear:both。
<div id="main"> <div id="content"></div> <br style="clear:both;" /></div>
0 0
- CSS3和HTML问题集锦
- HTML5+CSS3问题集锦
- html初学问题集锦
- HTML和css3
- Html5+CSS3+EL表达式问题集锦
- CSS3 Region:基于HTML和CSS3的富页面布局
- CSS3 Region:基于HTML和CSS3的富页面布局
- struts和Extjs问题集锦
- word 和ppt 问题集锦
- 【收费】问题和解答集锦
- Modernizr:HTML 5和CSS3的辅助工具
- CSS3 HTML
- html+css3
- AndroidStudio---使用问题和解决方案集锦
- webrtc分辨率和比特率--问题集锦
- 用纯css3和html制作一些泡沫对话框
- Modernizr:为HTML 5和CSS3而生
- 用纯css3和html制作一些泡沫对话框
- 简单的数据库(DB)连接以及sql查询
- 属性重载:__set() & __get()
- Appium学习第一个测试脚本
- iOS开发——毛玻璃透明
- Date picker 控件简介
- CSS3和HTML问题集锦
- charset="UTF-8/ gb2312"
- AS的一些简单设置
- Android Dev Intro - Some Concepts on Android Graphics Architecture
- 基于行为式验证的GeeTest验证码研究
- Windows 64位 安装PIP
- 深入理解 Session 与 Cookie
- DirectX 在MFC框架下的应用
- JUnit的各种断言