必须很容易- Div面板文本似乎重新调整中心时，点击以折叠面板

Has to be easy - Div panel text seems to realign center when clicking to collapse the panel

本文关键字：调整 折叠 新调整 Div 很容易 文本      更新时间：2023-09-26

问题在: http://www.tenyeartwilight.com/

在页面主要部分的第二段有一个jQuery slideToggle函数(这只是我学习的沙盒)。它可以工作，但是所包含的文本从左对齐变成了居中对齐，我不知道如何以及为什么，我知道这必须是简单的。背景角也改变了，我不确定什么被继承/"去继承"。

我不介意残酷，只要我知道解决办法。谢谢。

注。-本文摘自微软构建引擎内部:MSBuild和团队基础构建，作者为Sayed Ibrahim Hashimi和William Bartholomew。

编辑:我的网络编程水平应该很明显从我的问题。我了解大体的轮廓，但仍在分解细节。

坍缩时不只是居中。它始终处于中心位置。它看起来居中的原因是因为第二段被左菜单覆盖了。

折叠时，jQuery将第二段的宽度设置为一个合适的值，这个值刚好可以显示ui的左侧。

将这个css添加到你的代码中，看看我是什么意思。
#nav{
    opacity: 0.5;
}

EDIT:响应css和重构更好的可读性将页脚移出部分。这更容易管理和让我们的人阅读你的代码。在<body>里面有

<div id="header"></div>
<div id="nav"></div>
<div id="section"></div>
<div id="footer"></div>

在同一层

然后在css中输入

#nav
{
    width: 18%;
    padding: 1%;
    float: left
}
#section
{
    width: 78%;
    padding: 1%;
    float: right;
}
相关文章：