0

我正在为移动浏览器设置新网站的 CSS 文件。一个问题：文本在第二列（即我的移动布局的底部）垂直显示。换句话说，不是显示“嗨，堆栈溢出！” 我的浏览器将显示以下内容：

H
i
,

S
t
a
c
k

O
v
e
r
f
l
o
w
!

我尝试了许多 CSS 属性，但无济于事。我在 iOS 设备上使用 Safari。

编辑：我相信这是相关的代码

#container {
width: 100%;
background-color: #FFF;
}

#navigation {
display: block;
float: none;
width: 100%;
background-color: #009245;
}

#content {
display: block;
float: none;
width: 100%;
}

编辑 2：这是 HTML 代码

<body>
<div id="container">
<div id="navigation" class="navigationtext">
<h2><a href="">domain</a><br>
the home page of Firstname Lastname</h2>
<p><a href="/about/">About</a></p>
<p><a href="/blog/">Blog</a></p>
<p><a href="/contact/">Contact</a></p>
<div class="copyright">Copyright</div>
</div>
<div id="content">
<h1>Welcome!</h1>
<p>The page's content or text.</p>
</div>
</div>
</body>
4

0 回答 0