我是基础新手,我正在尝试制作一些包含各种内容的漂亮标签。为此,我正在使用他们的文档。但是,它不像它应该做的那样工作。Averything 工作正常,除了这些部分不相互覆盖。每个部分都被放置在另一个之后,即使另一个被隐藏。这是一个例子:
如您所见,这非常丑陋。这是我的代码:
<meta name="viewport" content="width=device-width" />
<title>Test Page</title>
<link rel="stylesheet" href="/autoPA/static/css/normalize.css" />
<link rel="stylesheet" href="/autoPA/static/css/foundation.css" />
<link rel="stylesheet" href="/autoPA/static/css/dynamease.css" />
<script src="/autoPA/static/js/vendor/custom.modernizr.js"></script>
</head>
<body>
<div class="section-container auto" data-section>
<section>
<p class="title" data-section-title>
<a href="#panel1">Section 1</a>
</p>
<div class="content" data-section-content>
<p>Content of section 1.</p>
</div>
</section>
<section>
<p class="title" data-section-title>
<a href="#panel2">Section 2</a>
</p>
<div class="content" data-section-content>
<p>Content of section 2.</p>
</div>
</section>
</div>
<!-- Check for Zepto support, load jQuery if necessary -->
<script>
document
.write('<script src='
+ ('__proto__' in {} ? '/autoPA/static/js/vendor/zepto'
: '/autoPA/static/js/vendor/jquery')
+ '.js><\/script>')
</script>
<script src="/autoPA/static/js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>
各位看出来有什么不对吗?(找到包含的每个文件,firebug 没有检测到任何错误)。