Question

除了.box { width: 250px; margin: -260px auto; padding: 25px; border: solid 1px; word-wrap: break-word; position:relative; display:block; }类之外，一切都正是我想要的地方。我希望左右边距居中，而上边距与侧边栏匹配。那部分完美无缺，然而，盒子重叠。我到底哪里出错了？

这里是CSS：

<div class="box">
box content
</div>

以下是HTML：

    <build>
        <plugins>
            <plugin>
                <groupId>com.webcohesion.enunciate</groupId>
                <artifactId>enunciate-maven-plugin</artifactId>
                <version>${enunciate.version}</version>
                <configuration>
                  <sourcepath-includes>
                    <sourcepath-include>
                      <groupId>com.your.company.web.rest</groupId>
                    </sourcepath-include>
                    <sourcepath-include>
                      <groupId>com.external</groupId>
                      <artifactId>external</artifactId>
                    </sourcepath-include>
                  </sourcepath-includes>
                </configuration>
                <executions>
                  <execution>
                    <goals>
                      <goal>assemble</goal>
                    </goals>
                  </execution>
                </executions>
            </plugin>
        </plugins>
    </build>

现在对于工具提示问题...当我在浏览器中预览文件时它工作正常，但是当我上传网站时，工具提示没有显示。

你也可以在这里看到它（请使用view-source查看整个代码）：https://peachie.000webhostapp.com/mobile.html

并且不要担心＆＃34; mobile.html＆＃34;事情，我对这个模板没有办法。

Answer 1

1）重叠是由第二个.box元素的负边距引起的。使侧边栏元素向左浮动，这样就不必为.box元素使用负边距 CSS：

#sidebar {
  top: 20px;
  left: 20px;
  display: block;
  text-transform: uppercase;
  text-align: center;
  font: italic 9px arial;
  text-transform: uppercase;
  width: 150px;
  position: relative;
  padding: 10px;
  border: solid 1px;
  float: left;
}
.box {
  width: 250px;
  margin: 10px auto;
  padding: 25px;
  border: solid 1px;
  word-wrap: break-word;
  position: relative;
  display: block;
}

2）工具提示不起作用，因为主页面加载了HTTPS和HTTP中引用的工具提示脚本。浏览器不允许在HTTPS中加载HTTP内容。使用HTTPS src：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

如何让这个.box类像博客文章一样流动？ +工具提示不起作用

1 个答案: