【问题标题】:Floated box drops down when mousing over title text which expands将鼠标悬停在展开的标题文本上时,浮动框会下降
【发布时间】:2015-03-17 09:25:42
【问题描述】:

请看屏幕截图。当我将鼠标悬停在标题文本上并展开时,如何阻止属性框下拉?

网站网址是http://luxurymarbellahomes.com/properties/

这里是截图的网址。 https://www.dropbox.com/s/g6w70ibs3zk49zd/Screen%20Shot%202015-03-16%20at%2019.19.57.png?dl=0

谢谢

【问题讨论】:

    标签: javascript css


    【解决方案1】:

    您可以使用诸如 visible-xs-block visible-sm-block visible-md-block visible-lg-block 之类的引导类来隔离每一行。在每一行之后,您可以添加一个像 .刚刚在开发者面板中测试过,效果很好。

    【讨论】:

    • 嗨安德烈,感谢您的回复。我添加了这个,它似乎已经解决了这个问题。 .properties-grid .span3 { 高度:303px; } .properties-grid .row .property .title h2 a { font-size: 14px; }
    • 我不建议这样做。您将被困在每个标题最多使用两行,并且我们盒子上的每次高度变化您都必须手动更改 .span3 的总高度以及底部边距。但是它工作正常。
    • 如何使用 visible-xs-block visible-sm-block visible-md-block visible-lg-block?
    • 在您的情况下,每行始终有 3 个项目,您可以在服务器端进行更改添加逻辑条件以测试当前索引是否为 3 的倍数,在这种情况下打印 HTML div 与类。 if(count % 3 == 0) print HTML 之类的东西。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-01-06
    • 1970-01-01
    • 2016-10-20
    • 2012-11-29
    • 1970-01-01
    • 1970-01-01
    • 2017-04-14
    相关资源
    最近更新 更多