小编Edd*_*ddy的帖子

FLEXBOX:div的自动高度垂直填充父级

我有一些需要注意的Flexbox标记.

一切都按预期工作,除了最后一件事.我在列布局中有一些div,其中两个由内容或高度设置控制高度,一个不受控制.最后一个不受高度控制的(DEMO中的黄色)应该采用这样的高度,以便填充其父div中的剩余垂直空间(绿色).

即使使用此响应式设计缩放窗口,黄色div也应始终填充到绿色父div的底部.

<div class="flexbox">
  <div class="col">
    <h3>RED</h3>
    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est.
      Mauris placerat eleifend leo.</p>
    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet …
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox

6
推荐指数
1
解决办法
2万
查看次数

仅为特定 URL 添加 css 样式元素

有没有一种方法可以添加仅在加载特定 URL 时才起作用的 CSS 样式。我有一个以/service/结尾的 URL。为此,我想要一些 CSS 样式在特定 Div (myDiv) 上工作。有办法吗?我无法将 ID 添加到该服务页面的正文标记中。该页面是后台生成的。

javascript css jquery

5
推荐指数
1
解决办法
1万
查看次数

在切换时再次展开折叠的div

我有一个崩溃的div,但再次点击切换按钮时需要再次展开.在这里演示

$(document).ready(function () {
    $("#toggle").click(function () {
        $("#sidebar").animate({
            left: '-55%'
        });

    });
});
Run Code Online (Sandbox Code Playgroud)

jquery

0
推荐指数
1
解决办法
60
查看次数

标签 统计

css ×2

jquery ×2

css3 ×1

flexbox ×1

html ×1

javascript ×1