Jquery 如何将高度设置为flexislider?
我无法设置FlexSlider的高度。我想这是关于FlexSlider.js的问题,也是关于响应性设计的问题 像这样的html:Jquery 如何将高度设置为flexislider?,jquery,html,css,Jquery,Html,Css,我无法设置FlexSlider的高度。我想这是关于FlexSlider.js的问题,也是关于响应性设计的问题 像这样的html: <div class="flexslider"> <ul class="slides"> <li> <img src="http://i.imgur.com/YSVlz2Z.jpg" /> <h2><a href"#">First Link Here</a
<div class="flexslider">
<ul class="slides">
<li>
<img src="http://i.imgur.com/YSVlz2Z.jpg" />
<h2><a href"#">First Link Here</a></h2>
<p>Some text here that could be a message</p>
<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="right">Another Link Here</a>
</li>
<li>
<img src="http://i.imgur.com/YSVlz2Z.jpg" />
<h2><a href"#">Second Link Here</a></h2>
<p>Some text here that could be a message</p>
</li>
<li>
<img src="http://i.imgur.com/YSVlz2Z.jpg" />
<h2><a href"#">Third Link Here</a></h2>
<p>Some text here that could be a message</p>
</li>
</ul>
</div>
我们如何解决这个问题
谢谢事实上,您可以为.flexslider指定一个上限,问题在于.flexslider中的内容。要检查是否应用了指定的高度,只需在div中临时添加一个带有轮廓的样式,如:
<div class="flexslider" style="outline: 1px solid red; height: 50px">
</div>
这将允许您直观地澄清div的高度。
但是我想对于当前的问题,它似乎对div使用了overflow属性,只需使用
<div class="flexslider" style="outline: 1px solid red; height: 50px; overflow: hidden">
您可以在上了解有关溢出的更多信息,请发布JSFIDLE链接,展示如何设置高度谢谢。这似乎可能会有所帮助。但是元素无法在FlexSlider的div中调整大小。您可以在上进行检查。如果您希望高度响应-我的意思是对屏幕或div灵活,然后你必须写,而不是例如高度:100px;宽度:320px,最大宽度:320;无需指定高度,因为当宽度更改时,高度将自动更改