Question

我无法设置flexislider的高度。我猜这个关于flexislider.js.And的问题也是关于响应式设计。

像这样的FlexiSlider 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>

我们如何解决这个问题？

由于

Answer 1

事实上你可以为.flexslider分配一个高度，问题在于你内部的内容.flexslider。要检查是否应用了指定的hieght，只需简单地（临时）向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">

您可以在www.w3schools.com

了解有关溢出的更多信息

我们怎样才能将高度设置为flexslider？

1 个答案: