我希望在页面左侧有一个容器(带有一些文本),将自己的与可用的空间相适应,并在右边添加2个侧边栏(我使用的是Wordpress)。(两个侧边栏可以很好地使用float。)所以我在容器上试了一下width:auto。
但是它不适应其他可用的空间(它占用了所有的页面宽度)。如果我将宽度设置为70%,它适合索引页上的空间,但是如果我单击一篇文章,我只剩下一个边栏,因此文本和侧栏之间有一个空白。
你知道怎么解决这个问题吗?
#container { /* the text */
overflow:auto;
width:auto;
position:relative;
f
我正在试着让侧边栏正常工作。但它不会让#main部分与侧边栏相伴而行。相反,你会看到侧边栏,然后是main (把它放在下面)。:(
此外,如果你能得到一个解决方案,其中侧边栏可能/可能不存在,而main将填补空白,那就太好了。
下面是我想要得到的。
下面是一些相关的CSS
#main
{
margin: 0 0 0 100px; /* This is my way of indenting it over the sidebar (not dynamic to no sidebar being present*/
padding: 15px 15px 15px 15
我有一个粘性的侧边栏,当你滚动时,当侧边栏的底部在视图中时会变得固定。
如果侧边栏超过了页面的长度,就像在这个中一样,滚动时一切正常,完全符合您的预期。
然而,如果侧边栏比窗口高度短,就像在这个中一样,当你滚动时,它似乎在跳跃,我不知道如何让它停止跳跃并变得平滑。换句话说,只有当侧边栏的底部击中窗口的底部时,它才应该被修复。
我对jQuery不太在行,所以如果有任何帮助,我将不胜感激。
$(function () {
if ($('.leftsidebar').offset()!=null) {
var top = $('.leftsidebar