Question

所以我有一个页面，我试图将所有链接放在一个单独的HTML文件上，我的计划是使用iFrame轻松添加每个页面的链接列表，以便更改我刚才拥有的链接更改一个文件。我的问题是，在使用iFrame后，其他文字没有显示在我的页面上......这是我的代码：

主页：

<html>
<head><title>HTML Tutorial</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div id="navigationLinks"><iframe src="links.html" height="100%" width="10%" seamless></iframe></div>
    <div id="mainBody">Hello World</div>

</body>
</html>

CSS页面：

body {

}
.navigationLinks, .navigationLinks a:link {
    float:left;
    margin-left: 0px;
    margin-right: 80%;
    font-family: impact;
}
.mainBody {
    float:center;
    margin-left: 22%;
    margin-right: 22%;
    color:black;

}

我的mainBody文字没有显示出来。有什么想法吗？

Answer 1

修正：

.mainBody {
    float:left;
    width:100%;
    display:block;
    margin-left: 22%;
    margin-right: 22%;
    color:black;
    text-align:center;
}

顺便说一下，没有float: center

HTML iFrame不显示文本

1 个答案: