Javascript 必须是容易的-Div面板文本似乎重新调整中心时,点击折叠面板

Javascript 必须是容易的-Div面板文本似乎重新调整中心时,点击折叠面板,javascript,jquery,slidetoggle,Javascript,Jquery,Slidetoggle,本期刊物载于: 在页面主要部分的第二段有一个jqueryslidetoggle函数(这只是一个沙盒供我学习)。这是可行的,但是封闭的文本从左对齐变为中心对齐,我不知道如何以及为什么,我知道这必须很简单。背景角也会改变,我不确定继承了什么 只要我了解解决办法,我不介意残忍。谢谢 文本是从微软构建引擎内部复制的摘录:Sayed Ibrahim Hashimi和William Bartholomew创建的MSBug和Team Foundation。 编辑:从我的问题来看,我的网络编程水平应该很明显。我

本期刊物载于:

在页面主要部分的第二段有一个jqueryslidetoggle函数(这只是一个沙盒供我学习)。这是可行的,但是封闭的文本从左对齐变为中心对齐,我不知道如何以及为什么,我知道这必须很简单。背景角也会改变,我不确定继承了什么

只要我了解解决办法,我不介意残忍。谢谢

文本是从微软构建引擎内部复制的摘录:Sayed Ibrahim Hashimi和William Bartholomew创建的MSBug和Team Foundation。


编辑:从我的问题来看,我的网络编程水平应该很明显。我理解宽泛的笔划,但仍在分解细节。

它崩溃时不仅居中。它总是以中心为中心。它看起来居中的原因是因为第二段被左菜单覆盖

当它折叠时,jQuery将第二段的宽度设置为一个合适的值,该值刚好足以显示ul的左侧

将这个css添加到代码中,看看我的意思

#nav{
    opacity: 0.5;
}
编辑:响应式css并进行重组以提高可读性 将页脚移出节。它更容易管理,也更容易让我们的读者看到你的代码。所以在
里面你有

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

你能添加一些代码或者更好的JSFIDLE吗?我想你已经失去了我对JSFIDLE的理解。我只是想知道我在css中搞砸了什么来得到这个不需要的文本转换。谢谢你的回复。看看你的newindex.css的第66行,你在ul,li上有一个50像素的余量,试着评论一下,看看这是否能让你得到答案。我不能不看你的jQuery代码编辑:bgcorner2jQuery在页面顶部链接的html中。啊,太棒了!谢谢你,安迪,我试着投票表决你的回答,但我还没有得到15分或其他什么。这也解释了角点(如你所说),我不知道当它们的尺寸固定时为什么会改变。编辑:我应该自己解决这个问题,但我尝试将#section id设置为左边距:250px;从导航窗格的右边框开始,但我猜不是这样做的。我会得到一个提示吗?:)我不知道你的目标是否是一个反应迅速的网站。如果是,我会将页脚移出#节,然后使#节以80%的宽度向右浮动。是的,响应CSS,这正是我要找的。当浏览器窗口调整大小时,我不希望文本从页面上消失等等。页面看起来正是我现在想要的(不是内容方面的,而是布局方面的)。我刚刚学习了一些w3教程。我将谷歌租户的响应CSS-你有任何好的链接提供?再次感谢大家。编辑:我现在不太关心页脚,我知道如果它与页眉属性匹配会更好。@user1701299 Bootstrap是一个非常好的工具。你可以找到大量的教程和指南
#nav
{
    width: 18%;
    padding: 1%;
    float: left
}

#section
{
    width: 78%;
    padding: 1%;
    float: right;
}