gpt4 book ai didi

css - 纸张标题面板内容 div 行为异常

转载 作者:行者123 更新时间:2023-12-04 16:02:16 27 4
gpt4 key购买 nike

我正在对 polymer 1.0 元素进行简单的测试。在纸张标题面板测试中,内容区域元素不可见或在纸张标题 div 上移动。演示是here代码如下。为什么内容文本不显示?

<!DOCTYPE html>
<html>

<head>
<title>paper-header-panel demo</title>

<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="bower_components/paper-header-panel/paper-header-panel.html">
<link rel="import" href="bower_components/iron-flex-layout/iron-flex-layout.html">
</head>

<body class="fullbleed layout vertical" style="height: 100%">
<paper-header-panel mode="waterfall" class="flex">
<div class="paper-header" style="height: 60px;">I am the header</div>
<div class="content fit">I am the content</div>
</paper-header-panel>
</body>

</html>

最佳答案

这可能是你的问题。

<link rel="import" href="bower_components/iron-flex-layout/iron-flex-layout.html">

尝试将其更改为

<link rel="import" href="bower_components/iron-flex-layout/classes/iron-flex-layout.html">

前一个仅包含布局混合(实际上是推荐的),而后者包含您似乎正在使用的布局类(以及 /deep/ 选择器)。

关于css - 纸张标题面板内容 div 行为异常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30732918/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com