Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/cplusplus/136.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何将高度设置为flexislider?_Jquery_Html_Css - Fatal编程技术网

Jquery 如何将高度设置为flexislider?

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

我无法设置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></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;无需指定高度,因为当宽度更改时,高度将自动更改