Question

大家好，希望你能帮助我。我已经开始设计风格，一切都只有很少的网站块。但是当我开始为画廊（这里是它的代码）编写div时

@charset "utf-8";
#wrapper {
    position: absolute;
    overflow-y: scroll;
    max-width: 1414px !important;
    min-height: 100%;
    max-height: 100%;
}

它汇编了许多错误

body
    clearfix()
    text-align center
    background url('./bgh1.jpg') no-repeat center center fixed
    background-size(cover)

#gallery
    margin-left 6%
    width 88%
    display block
    margin-left auto
    margin-right auto
    height 500px
    background black

    #line1
        width 980px
        height 345px
        background #ffffff

        #col1
            width 500px
            height 500px
            border 2px solid black
            img
                max-width 100%
                max-height 100%

此命令我一直用于编译

#gallery {
  margin-left: 6%;
  width: 88%;
}
#gallery display block {
  margin-left: auto;
}
#gallery margin-right auto {
  height: 500px;
  background: #000;
}
#gallery margin-right auto #line1 width 980px {
  height: 345px;
  background: #fff;
}
#gallery margin-right auto #line1 #col1 {
  width: 500px;
  height: 500px;
  border: 2px solid #000;
}
#gallery margin-right auto #line1 #col1 img {
  max-width: 100%;
  max-height: 100%;
}

Answer 1

请参阅Selectors: Indentation：

空白是重要的[...]

您正在混合空格和制表符（即使在相同的行上）。即使在编辑器中看起来没问题，当空白显着时，这可能会导致问题。因此，您应该将编辑器配置为使用单个空格替换选项卡以避免该问题。

手写笔编译做错了

1 个答案: