由于图片是替换元素并且该图片还进行了绝对定位，且你又没有设置height属性，这时浏览器会显示它的内在高度，534.
处理方式：
1.将position：absolute去掉或换成relative，或者手动设置height属性。
0
设置他自己本身100%不行，就试试其他方法，比如设置像素，设置包着它的div，查查swiper的文档看看有没有相关的文档等(我没用过swipe，刚入行不久，嘻嘻)，耐心点总能找到方法的。
0
举一个小例子：
.a{
position:relative,
padding-top:50%;
height:0;
overflow:hidden;
}
.a img{
position:absolute;
top:0;
width:100%;
}
//padding-bottom=div的宽/高*100%；
//div中高度为0，溢出隐藏
0
- 其他相关推荐
- margin-top是相对于什么的？为什么设置的margin-top并没有什么变化
- 父元素的盒子包含一个子元素盒子，给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值，而子元素和父元素的边距则没有发生变化。
- label的高度为什么会变化？
- winform编程，一个usercontrol里，设计器里设置label的AutoSize为false，设定了字体:宋体，9pt，这时label的size中Height显示是21，但是运行起来后，发现label比旁边的TextBox短了一点，跟踪了一下，发现label的Height变成20了，这个是怎么回事？rn哪位朋友知道这个问题可能是什么原因引起的？（代码中没有设置过label的高度）
- css通过width和padding设置元素高度
- 做html页面经常想要把元素宽度设置百分比，以适应设备的宽度，这好办，但如果我们的元素想要正方形的呢？想要高是宽的2倍呢，问题就来了。怎么设置呢？先来段代码： #square-box{ width:100%; height:0; padding-bottom:100%; } 这三行样式就能把我们的元素设置为随屏幕尺寸适应的正方形。那自己试试padding-bottom为200%吧。
- 为什么图片只要指定宽度，高度会自动跟着缩放？
- 为什么图片只要指定宽度，高度会自动跟着缩放？rnrnrnrnrn如果我图片很大，如果我指定宽度400，那么高度也会跟着缩放rnrnrnrn为什么？rnrn可以用这个来 缩放吗
- 设置图片的高度和宽度
- 在设置图片的宽度和高度时设置一个就可以了，因为是等比例的缩放。比如width=100，height=200.当设置width=50时。height就自动设置为100了。
- width：100%与width：auto的区别
- width：100% width：100%代表自身Width=父contentWidth*100% 其中当自身box-sizing:content-box（也是默认值）时，自身Width的含义为自身contentWidth，当box-sizing:border-box（IE盒模型，IE8及以下只支持IE盒模型）时，自身Width的含义为自身contentWidth+paddingWidth+b...
- 为什么有些datagrid设置的高度可以固定，有些datagrid的高度随记录数变化而变化？
- rn如何设置啊？rnrn实在太笨，找不出区别在哪里，请大家告诉我啊rnrnrn
- textarea文本域宽度和高度（width、height）自动适应变化处理
- textarea通过cols和rows设置宽度和高度；也可以用style来设置width和height，分别介绍： 1. 设置宽度100%，textarea宽度随父元素变化； 2. 设置rows，textarea高度会发生变化，不再是仅仅一行； 以下是演示html，转载自：http://blog.csdn.net/domingoluis/article/details/667...
- lua 根据图片高度设置scrollview高度
- 一个Scrollview 要展示两张不同长度的图片，写两个固定长度的Scrollview未免太浪费，就看了一下源码，找到了一个可以设置Scrollview滚动区域的方法。setInnerContainerSize（cc.size()） 下边是我自己封装的方法，传scrollview 和一个图片变量名进去function KaengRuleLayer:changeScrollviewHight(...
- 设置div高度为100%
- 直接使用如下代码设置div的宽度和高度时，div宽度会铺满屏幕，而高度为零。<div style="width:100%;height:100%"></div>原因：浏览器会直接计算窗口的宽度，作为容器宽度的缺省值。但是并不会计算窗口的高度，只是简单的向下堆砌。解决方法： 1.为该元素的所有父元素设置宽度为100%。<html style="height: 100%;padding: 0;marg
- table 设置高度为100%
- 一般来说都是给table 加个style="height:100%" 但是不产生效果的，为什么呢。因为表格是相对于页面来说 高度并不是100% 要在html body 也要设置100% &lt;style&gt;html,body{height:100%}&lt;/style&gt; ...
- 给select框设置高度
- class="article-start-box">class="categery">分类栏目 "position: absolute;z-index: 1;margin-left: 40px;" class="choose" onmousedown="if(this.options.length>6){this.size=7}" onblur="this.size=0" onchange="
- 给select下拉框设置高度！
- 笔者新建了一个QQ群：571278542 。欢迎大家加入！ 最近做一个项目，需要用到select下拉框显示栏目列表，需求是下拉框只显示5-6个栏目，超出的部分用滚动条(因为select我感觉很奇怪，写几个option它就显示几条，而且，最坑的是，不能设置option显示的个数！如果，我100,1000个栏目呢？那就尴尬了)。在网上一直没有找到答案，在同事的帮助下，自己花费一天的时间，终于解...
- WinForm dataGridView如何设置高度变化？
- 请教下：有2个datagridview上下放置于Form上（紧挨着），要求用户可以自己改变其宽度，上面的高度变化会影响下面的，就是说两个datagridview总的高度不变，改变的只是它们各自的高度
- CSS 设置iframe,高度随内容变化
- 好。rn页面基本是DIV+CSSrn最大的DIV 是contentrn它包含 left 和 right两部分,class分别是left和rightrn在right中加了一个iframe,class是iframern下面是我现在的CSS设置rn.contentrnrn width:100%;rn border:solid 1px #006699;rn margin-top:5px;rn margin-bottom:5px;rnrnrn.leftrnrn width:17%;rn float:left;rnrn.rightrnrn float:left;rn min-height:500px;rn _height:500px;rn width:82%;rn border-left:solid 1px #006699;rn height:100%;rnrnrn.iframernrn padding:10px 5px 10px 10px;rn WIDTH: 99%; rn height:100%;rn rnrnrn这是页面中rn rn rnrnrn请问如何修改使iframe的高度随内容变化？也就是right的高度也是变化的。rn谢谢。rnrnrn
- Buttion状态变化背景跟着变化
- Buttion状态变化背景跟着变化 应用中经常可以看到，按钮什么的在被按下的状态时背景会变化。自定义一些属性就可以达到效果。Android提供了灵活的绘制选择机制，可根据视图状态转变视图外观。每个状态通过一个单独的部分而存在。例如：在正常、禁用、按下、高亮状态下的按钮有着不同的背景颜色。请看下面的代码示例： <item android:drawable="@drawab
- 主表变化，从表怎么跟着变化？
- 如主表是单条显示，从表用dbgrideh控件显示，从表建了外建，这么主表变化，从表也跟着变化？
- 那么如何设置图片的width="??" height="??"值？
- 下面表格是随页面大小100%变化高度和宽度，其中镶嵌了一幅图片（1600*800px）在一个50%*25%的td中，我想让图片随着表格大小自动缩放，那么如何设置图片的width="??" height="??"值？rn rn rn ....rnrnrn ....rnrn rnrnrn....rnrnrnrn
- 为什么input的width="100%"没有效果？
- 使用style=" width:100%"就可以，这是什么原因？
- 图片动态设置Cell高度
- 《从零开发一个iOS企业级项目实战之我的云音乐》这门课程是我们为iOS软件工程师打造的一门项目实战课程，目的是从零开发一个完整的音乐软件，让大家能从中学习到真正的知识，成为行业的高端人才，拥有更好的人生规划。
- 为什么textbox控件设置它的高度200不行？
- 为什么textbox控件设置它的高度200不行？rn我设成200，结果它自动恢复成285,这是为什么？
- 为什么无法变化panel图片？??
- //JavaTest.javarnimport java.awt.*;rnimport javax.swing.*;rnimport java.awt.event.*;rnimport javax.swing.event.*;rnpublic class JavaTest extends JFrame implements ActionListenerrn JSlider slider;rn JButton jb1,jb2;rn WPanel sPanel;rn double time=2;rn Timer timer;rn public JavaTest(String s)rn super(s);rn Container contentPane=getContentPane();rn //northrn JPanel panel=new JPanel(new GridLayout(1,2));rn slider=new JSlider(JSlider.HORIZONTAL,0,5000,2000);rn slider.setBorder(BorderFactory.createTitledBorder("滑动最大时间为5秒"));rn slider.addChangeListener(new ChangeListener()rn public void stateChanged(ChangeEvent e)rn time=slider.getValue();rn slider.setBorder(BorderFactory.createTitledBorder("间隔时间为"+time/1000+"秒"));rn rn );rn panel.add(slider);rn rn JPanel panel1=new JPanel(new GridLayout(1,2));rn jb1=new JButton("连续播放");rn panel1.add(jb1);rn jb1.addActionListener(this);rn jb2=new JButton("停止播放");rn panel1.add(jb2);rn jb2.addActionListener(this);rn rn panel.add(panel1);rn contentPane.add(panel,BorderLayout.NORTH);rn //centerrn sPanel=new WPanel("图片\\2.jpg");//“图片\\”中有很多图片rn contentPane.add(sPanel,BorderLayout.CENTER);rn setSize(300,400);rn rn public void actionPerformed(ActionEvent e)rn if(e.getSource()==jb1)rn time=slider.getValue();rn timer=new Timer((int)time,this);rn timer.start();rn rn if(e.getSource()==jb2)rn timer.stop();rn rn //每隔时间time重绘一图片，但为什么无法重绘rn if(e.getSource()==timer)rn sPanel.i++;rn sPanel.repaint();rn rn rn public static void main(String[]args)rn JavaTest javatest=new JavaTest("我喜欢你。。。");rn javatest.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);rn javatest.setVisible(true);rn javatest.pack();rn rnrn//WPanel.javarnimport java.awt.*;rnimport javax.swing.*;rnpublic class WPanel extends JPanelrn int i=1;rn String path="图片\\"+i+".jpg" ;rn public WPanel( String path )rn this.path=path;rn rn public void paint(Graphics g )rn super.paint(g);rn Toolkit tk=getToolkit();rn Image image=tk.getImage(path);rn g.drawImage(image, 0,0,this);rn rnrn为什么无法自动重绘图片？
- WIN2008+IIS7.0 为什么gzip设置了并没有压缩
- IIS压缩中已经启动了静态压缩，动态压缩并没有启动；rnapplicationHost.config中已经配置：rnrn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rnrn但是我使用Fiddler检测工具并没有发现响应头上有content-encoding:gzip的标注，也就是说站点根本就没有启动gzip;查看了很多很多资料，有人说IIS有一个“频繁访问”的逻辑，也有人说什么JS文件必须有TYPE类型声明；都试过了还是没有GZIP效果，请问是哪里配置了不对？？？
- width:100% 问题
- 请问：当页面为如下情况，会产生一条红线，可是当我在menuunderline 里面添加width:100%属性时为何IE6会DIV中间有了宽度，而且加上height:0px也无法还原。请问IE6为何会解析成这样？rnrnrnrnrnrn rn 52css.comrn rnrnrn rnrnrnrnrnrn
- 为什么设置透明度的功能并没有实现？
- ```rnrnrnrnrn rn rn rn Documentrn rn rnrnrnrn rnrnrnrn```
- 设置文本框的高度为什么不起作用？
- rnrn 如上所写，在设计模式下可以看到文本框的高度确实变小了，rn 但是一预览，高度却不是设计时的 高度，比16px要高很多。请教各位是什么原因造成的呢？rn
- width设置相同，显示长度为什么不一样？
- rnrnrnrn rnrnrnrn如上所示，文本框和密码框width设置相同，但为何显示出来的长度不一样，同样如果不设置width,size都设置为60，显示长度也不一样，为什么？
- JQuery动态获取浏览器的高度，将其设置为div的高度，设置随浏览器高度的变化而变化
- <script type="text/javascript"> var winHeight = $(window).height() - 220; // ztreeleft为要动态获取浏览器高度的div $("#ztreeleft").css("height",winHeight); $(window).resize(f...
- MFC窗口放大缩小控件跟着变化
- 轻松实现窗口的放大缩小，控件跟随变化，比较实用！！！
- CSS之设置图片宽度100%，高度等于宽度
- html代码如下： <div class="left"> <div class="img"> <img src='static/img/face-2.jpg'> </div> </div> /*stulus语法*/ .img{ position:relative; width:100%; h...
- 郁闷TextBox width=100%
- rn rnrnasdfasdfasdfasdfasdfasdasdfasdfasdfasdfasdfasdasdfasdfasdfasdfasdfasdasdfasdfasdfasdfasdfasdrnrnrnrnrn单行的TextBox 的Width=100%时，Text刚好是个连续的长字符。rn就把TextBox 撑开了。rnrn请教高人如何才能不会撑开。
- 设置了宽度为 100% 却并没有显示出100% 的宽度
- 问题描述：设置了nav的宽度为100%，但却没有显示出100%的宽度。html 布局如下：&lt;div class="wholepage"&gt; &lt;div class="top"&gt;...&lt;/top&gt; &lt;div class="nav"&gt;...&lt;/div&gt; &lt;/div&gt;样式表如下：.wholep
- android滑动开关怎么设置它的高度和宽度
- android中怎么改变滑动开关的高度?具体怎么操作？slip_Btn.getHeight()是它默认的高度吧
- 请问怎样设置它的宽度和高度？
- rn文章题目rn rn rn 文章内容rn rnrnrnrn请问怎么设置它（ ）的高和宽呀？不是表格的高和宽。？rn
- 选中下拉框的位置变化
- 简单快捷的下拉框选中
- 关于高度变化
- IMAGE的四个坐标，左上角（0,0），左下角（0，height）,右上角（width,0）,右下角（width,height）。图片的高度是左上角到左下角的长度。缩小高度，怎么从左上角慢慢减小高度？就是从上往下减小高度？菜鸟啊。这个不会。
- iframe的高度自动变化
- 在包含文件中使用代码而不是在被含文件中？rn我这样试了一下不行rnrn rn
- 关于webVIew高度变化
- // 注册观察者 [_wkWebView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew context:nil]; // 监测高度变化 - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:...
- 获取键盘的高度变化
- 有时需要view的位置根据键盘的高度变化而变化，就需要实时获取键盘的高度。查找资料都说使用 UIKeyboardWillChangeFrameNotification 这个通知可以改变，但是试了各种版本，最后还是用自己的方法解决了。方法如下： UIKIT_EXTERN NSString *const UIKeyboardWillShowNotification; UIKIT_EXTE
- 如何取得指定的图片文件的高度(height)和宽度(width)？
- 如题，欲取得指定图片（包括gif和jpg两种格式）文件的高度和宽度，请问在asp中应如何实现？谢谢！