IE9 下div自动变大变小问题

IE9 下整个div随着滚动条滚动自动发生变化。div里面是table表格

查看元素后发现只有三个CSS样式,未指定高度,可能是div的height默认值为auto,在ie9下会一直自动计算高度,所以可以更改height样式值解决问题。

增加样式 : height:100%; 后问题解决

原文地址:https://www.cnblogs.com/Garen/p/10270992.html

时间: 2024-10-25 21:20:19

IE9 下div自动变大变小问题的相关文章

javascript基础——文字变大变小className的使用及JS浮动的兼容用法

文字变大变小,详情页比较常见的那种 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文字放大缩小及className的使用</title> <style> #p1{ width: 960px;} .red ,.green{ width:400px; border:5px solid #333;

js之图片变大变小效果

1.当鼠标移到图片上,图片变大:当鼠标移出图片,图片变小,效果如图: 2.原理不难,就是鼠标over时,设置一个定时器,让图片逐渐变大,鼠标out时同理,看下最初的简略代码你就会明白: <!DOCTYPE html> <html> <head> <style type="text/css"> div {     width: 200px;           /* 宽度 */     height: 100px;          /* 

linux系统下以存储从大到小并以K,M,G为单位的方式查看当前目录下的文件信息

zhuazai:https://blog.csdn.net/sty945/article/details/79830915 前言 ls命令 ls -a ls -l ll du命令 du -s du -s * du -s * | sort -nr 我的DIY_Bash 在linux任意位置都可以使用这个目录下的脚本 注意 前言 最近几乎大部分工作都在linux上进行的,发现在工作过程中经常要查看当前目录下的文件大小,但是每次都是用ls命令每次都是以字节形式显示的,看起来特别不爽.于是开始了再lin

多个块级元素在水平方向占位置,实现在窗口变大变小的同时,四个图片依然会随之而动,从而显示响应式的效果

原理:块级元素想要在页面水平和垂直方向都居中:先让元素定位(绝对定位),然后水平方向上面:left=50%,margin-left=-(1/2*width) 垂直方向页面居中:top=50%,margin-top=-(1/2*height) 代码如下: <div class="footer_top">    <div class="footer_slogen">        <span class="one">

CSS 居中 可随着浏览器变大变小而居中

关键代码: 外部DIV使用: text-align:center; 内部DIV使用: margin-left:auto;margin-right:auto 例: <div style="text-align: center"> <div style="margin-left: auto;margin-right: auto;"> <fieldset> <legend>居中</legend> </fie

jQuery图片弹性变大变小

本篇文章实现的是当光标放到特定a标签上,将显示一个圆形的图片背景,该特效可用于网站导航等,具体效果可看从下图看到: HTML代码: .代码   <div class="banner"> <div class="inside"> <a href="http://www.jquery001.com/"> <span>jQuery学习系列</span> <img class="

jQuery学习笔记3--网页字体变大变小

效果图: js代码 <script type="text/javaScript">        $(function(){            $(".msg_caption span").click(function(){  //当文档加载完毕后,为所有的<span>元素绑定单击事件                var thisEle = $("#para").css("font-size");

css3实现图片的变大变小

主要是使用 css3的animation,scale等于1是原图大小,大于1是把图片放大,小于1 是把图片缩小.animation-delay用来延迟5秒触发这个动画 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0

JS实现点击按钮实现文字变大变小

<!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-Typ