Question

您正在尝试做的是拥有像引导程序这样的容器类但由于内存限制我不想使用引导程序

css代码：

.container {
    margin: 0px auto;
    width: 950px;
}

html代码：

<!DOCTYPE html>
<html>
<head>
    <link href="css/style.css" type="text/css"/>
</head>
<body>
    <div class="container">
        <h1>Testing</h1>
    </div>
</body>
</html>

我怎样才能做到这一点？

Answer 1

从CSS样式表中我推断出你想看到一个居中的div。除非样式表的路径不正确（检查控制台）或浏览器无法推断链接资源和html文档之间的关系，否则没有理由说该代码不起作用，因此添加rel=stylesheet到你的链接标签。

如果这不起作用，请尝试添加背景颜色并降低容器类的宽度，并查看它是否正常工作。

在此处查看演示：https://jsfiddle.net/j06hw5ro/

Answer 2

CSS代码：

body { margin: 0; padding: 0; } .container { display: block; margin: auto; width: 950px; background-color: #FEFAE2; }

HTML CODE：

<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="css/style.css" media="all" /> </head> <body> <div class="container"> <h1>Testing</h1> </div> </body> </html>

Div没有加载类

2 个答案: