zl-lz 发表于 2019-9-6 19:32:09

为什么我的代码一样，但是跟视频里的代码产生的效果不一样呢？

代码如下
!DOCTYPE html>
<html lang="en">
<head>
    <style>
      body {
            font-family:Arial, Helvetica Neue, sans-serif;
      }
      ul {
            list-style: none;
            padding: 0;
      }
      li {
            display: inline-block;
      }
      section.feature-box {
            display:flex;
      }
      section.feature-box.sales div {
            background:gray;
            width:100%;
            margin: 1px;
      }
      section.feature-box.closeouts div {
            background:red;
            width:100%;
            margin: 1px;
      }
    </style>
</head>
<body>
    <ul>
      <li><a href="index.html">home</a></li>
      <li><a href="contact.html">Contact</a></li>
      <li><a href="locations.html">Locations</a></li>
      <li><a href="directions.html">Directions</a></li>
    </ul>
    <section class="feature-box sales">
      <div>Section a</div>
      <div>Section b</div>
      <div>Section c</div>
    </section>
    <section class="feture-box closeouts">
      <div>Section d</div>
      <div>Section e</div>
    </section>
</body>
</html>

不二如是 发表于 2019-9-7 07:48:16

1、第一行缺少 < ：
<!DOCTYPE html>

2、确认图中四个 xxx.html 和该文件放在同一级目录中：

cplus 发表于 2019-9-8 09:16:00

楼主，问题解决了，请结帖！

zl-lz 发表于 2019-9-9 18:58:46

cplus 发表于 2019-9-8 09:16
楼主，问题解决了，请结帖！

么有用啊！

zl-lz 发表于 2019-9-9 19:00:00

不二如是 发表于 2019-9-7 07:48
1、第一行缺少 < ：




不得行啊！

zl-lz 发表于 2019-9-9 20:04:22

重输一遍就行了，但是不明白为什么代码一样，左边的feture-box closeouts没用

cplus 发表于 2019-9-10 12:37:52

源码发我邮箱 752370228@qq.com，我看看
页: [1]
查看完整版本: 为什么我的代码一样，但是跟视频里的代码产生的效果不一样呢？