个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
这是一个奇怪的问题，我相信它才刚刚开始发生，所以不确定它是否是 Chrome 中的一个新错误。 Firefox 和 IE10+ 都可以。
基本上，我有一个带有 margin-left: auto 的 flex item，它将它向右推。工作正常。
但是，当另一个 flex 元素的内容引发溢出时，它似乎会折叠渲染时的边距。当您移动浏览器时，它会自行纠正。奇怪!？
任何想法的前端？
注意:您可能需要刷新示例几次，因为 25% 的时间它似乎呈现正常。
http://codepen.io/rhysyg03/pen/rePgQY
<h3>Working Example</h3>
<div class="flex">
<div class="flex__item">
<div class="dropdown">
<span>Custom Dropdown</span>
<div class="dropdown__content">
<div style="height:40px; border:1px solid red;">Dropdown Content overflow not being evoked</div>
</div>
</div>
</div>
<div class="flex__item flex__item--right ">Right</div>
</div>
<h3>Broken Example</h3>
<div class="flex mb">
<div class="flex__item">
<div class="dropdown">
<span>Custom Dropdown</span>
<div class="dropdown__content">
<div style="height:100px; border:1px solid red;">Dropdown Content</div>
</div>
</div>
</div>
<div class="flex__item flex__item--right ">Right</div>
</div>
.flex {
display:flex;
flex-flow: row nowrap;
border:1px solid;
width: 100%;
}
.flex__item--right {
margin-left: auto;
background: red;
color: white;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown__content {
max-height: 50px;
overflow-y: auto;
}
.mb {
margin-bottom: 20px;
}
最佳答案
为了正确回答你的问题，我不得不承认我不知道。
但我已经重新标记了一些东西:
了解这一点，我们可以尝试做一些事情来“绕过”这个问题。
您可以添加 JQuery 库并添加一些您希望在 html 页面中加载的脚本。
<body onload="scriptName()">
然后你想给这个元素赋予另一个css样式:
function scriptName(){
document.getElementById("flex__item--right").style.margin-left="auto";
}
这不是修复它的最佳方法，但它应该可以工作一段时间。
关于html - 当其他 flex 元素溢出时 flex 元素折叠边距 : auto;，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37131730/
26
4
0
这个问题在这里已经有了答案: Range based loop: get item by value or reference to const? (5 个答案) 关闭 6 年前。 如果我有这样的类
最近，我使用 CSS grid 创建了一个布局.虽然这很好用，但我对它的工作原理感到困惑。具体来说，我对 grid-template-rows: auto auto 1fr auto; 这一行感到困惑
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: Why don't margin-top: auto and margin-bottom:auto work
我几乎已经尝试了所有我知道的方法，但是当我将我的 Android studio 更新到最新版本时，它仍然显示此错误。我该怎么办？ gradle.build 是: buildscript { r
我想创建一个deep_flatten函数模板，该模板将生成包含range ed的元素的join。例如，如果仅考虑嵌套的std::vector，我可以拥有: template struct is_ve
我刚刚看了 Scott Meyers Universal References in C++11有一件事我不太明白。 我对作为“通用引用”的 auto 之间的区别感到有点困惑，即 auto&& 和常规
这个问题在这里已经有了答案: C++11 Range-based for-loop efficiency "const auto &i" versus "auto i" (3 个答案) 关闭 3 年
由于 auto 关键字在编译时获取类类型，我想知道使用 auto* 是否有任何效率，或者是否有任何特殊用途该表达式，因为 auto 在编译时已经获得了指针类型。 最佳答案 这个“新奇的 C++11”与
请问我是否正确，对函数返回值使用 auto&& 总是比使用 auto 更好。例如，在 auto val = someObj.getVal(); 如果 getVal() 返回引用，则 val 将是一个拷
有区别吗: template constexpr decltype(auto) f(T&& x) -> decltype(std::get(std::forward(x))) { retur
我想创建一个 deep_flatten会产生 range 的函数模板深的元素join编。例如，如果我们只考虑嵌套 std::vector s，我可以有: template struct is_vec
我在玩auto在 std::pair .在下面的代码中，函数 f应该返回 std::pair依赖于模板参数的类型。 一个工作示例: 示例 1 template auto f() { if c
我是一名 Android 开发人员，我正在尝试开发一个定制的 Android Auto 应用程序，它可以简单地镜像手机屏幕。 我知道目前 API 仅适用于音乐和消息应用程序，但我会编写一个应用程序来镜
我有一个很大的 div，里面有文字: #big-div { height: 400px; overflow: auto; } 如何才能使当新内容添加到 div(并发生溢出)时，div
我正在尝试设计一个网站，其中包含一个带有溢出的内容区域:自动和一个动态高度。最好是，我希望能够在 overflow: auto div 下方放置一个页眉和一个页脚，并让该 div 占用剩余的空间，但到
这个问题在这里已经有了答案: Does 'auto' type assignments of a pointer in c++11 require '*'? (3 个答案) 关闭 6 年前。 以下在
当使用 auto&& 处理返回左值的函数时: int func() { int v=42; return v; } auto && v = func(); 将 v 视为引用而不是左值会产生
我读了一篇关于 auto 类型推导的文章，使用 decltype 我想知道我在下面的例子中关于如何推导类型的逻辑是否正确(所以如果我是有误请指正:) #include using namespace
这个问题在这里已经有了答案: What's the semantically accurate position for the ampersand in C++ references (3 个回答)
假设我有 class Container { public: T getValue() const { return t; } const T& getCRef() const {
我是一名优秀的程序员,十分优秀！