为什么我的侧边栏没有定位在它应该在的位置？
侧边栏没有定位在它应该在的位置可能是由于以下几个原因导致的：
- CSS样式问题：侧边栏的定位可能受到CSS样式的影响。检查一下侧边栏的CSS样式，特别是定位相关的属性，如position、top、left等，确保其设置正确。
- HTML结构问题：侧边栏的位置可能受到HTML结构的影响。检查一下侧边栏所在的HTML结构，确保其在正确的位置上。可以使用浏览器的开发者工具检查元素的层级关系和位置。
- JavaScript交互问题：如果侧边栏的定位是通过JavaScript来实现的，那么可能是JavaScript代码中存在问题。检查一下相关的JavaScript代码，确保侧边栏的定位逻辑正确。
- 其他因素：还有一些其他因素可能导致侧边栏定位不正确，如浏览器兼容性问题、响应式布局问题等。可以尝试在不同的浏览器和设备上进行测试，查看是否存在差异。
针对以上可能的原因，可以尝试以下解决方案：
- 检查CSS样式：确保侧边栏的CSS样式中定位相关的属性设置正确，可以使用浏览器的开发者工具进行调试和修改。
- 检查HTML结构：确保侧边栏所在的HTML结构正确，没有被其他元素或样式影响到。可以使用浏览器的开发者工具检查元素的层级关系和位置。
- 检查JavaScript代码：如果侧边栏的定位是通过JavaScript来实现的，检查相关的JavaScript代码，确保逻辑正确，没有错误或冲突。
- 测试兼容性和响应式布局：在不同的浏览器和设备上进行测试，查看是否存在兼容性问题或响应式布局导致的定位错误。
如果以上解决方案都无法解决问题，可以尝试搜索相关的技术文档、论坛或社区，寻求其他开发者的帮助和经验分享。
相关·内容
这是一个假设性的问题，因为我已经很多年没有写过任何HTML代码了。如果你有一个超文本标记语言页面，并且它的内容是语义结构化的(所以你在<main>和<article>标记中有你的主要内容)，你可能会把你的广告作为源代码中的最后一个元素，因为它们在语义上是最不重要的。然而，在财务上，它们是相当关键的，所以你想把它们显示在页面的顶部，“折叠栏”的上方(可能在右边的栏或“侧边栏”)。
有没有一种方法可以在侧边栏/栏中“推”/move一个aside或div容器(拿着你的广告)，仅仅使用CSS --而不需要绝对地定位它们？
您是否会将它们相对于包含元素(构成列)进行定位，然后将m
浏览 3提问于2016-04-03得票数 0
3回答
我有这个设计，用引导，有一个左侧的酒吧100%的高度。左边有一个内容区域。左边的侧边栏是固定的使用位置:固定的，所以它保持不变时，滚动下来。在台式机上没问题。
然而，当它是从移动观看，固定的侧边栏去顶部，就像在任何其他响应设计。很好。但是桌面右侧的内容区域出现在侧边栏的顶部，而不是底部，导致位置:固定。
我怎么才能修好它？将侧边栏固定在桌面上，并使其在移动上响应？
抱歉，我在手机上
html
<div class='col-md-3' id='sidebar'>Sidebar</div>
<div class='col-md
浏览 2提问于2013-12-17得票数 2
回答已采纳
2回答
我试图使2列(侧栏)的SMF论坛软件的响应主题。我想在右边放一列，它会100%地扩展它的父级的高度。
仅供参考，我刚刚开始将默认主题转换为响应式主题。
通常，我不会遇到这些问题，或者响应式设计。然而，我弄不明白为什么侧边栏的高度总是与标题的高度相匹配。
侧边栏HTML在标题HTML之外，在标题HTML之前。然而，当你给侧边栏一个固定的宽度，比如400px的via inspect元素，它也会扩展头部的高度。我对此感到困惑，因为在代码端它似乎没有意义。
我想如果我有另一双眼睛，就会有人帮我解决这个问题。
谢谢。
浏览 2提问于2012-12-04得票数 0
回答已采纳
2回答
我想有两个侧边栏对右一个是隐藏的。我想当用户点击一个按钮从右边边栏，边栏应该消失到右边和一个新的侧边栏应在同一时刻与css动画。
如果我使用right:-50px，这将扩展可滚动区域。如果使用具有宽度的容器，则仍然可以扩展可滚动区域。
参见： <- -这正好是负值，进入屏幕区域。
<-在这里我使用了一个容器，但这并不能阻止页面创建滚动条。
我不想只是“隐藏”滚动条，但也禁用他们。
如果我需要为此使用javascript，我也可以这样做。
浏览 0提问于2014-09-18得票数 0
回答已采纳
我遇到的情况是，当用户向下滚动时，侧边栏的一部分会得到固定的位置，但是当我捕捉到这个位置并将固定的css应用到侧边栏元素时，它会固定到整个屏幕，而不仅仅是父级(这是侧边栏)
我如何正确地设置它？
浏览 2提问于2012-07-11得票数 7
回答已采纳
1回答
复制网站的整个小工具
、、、
我是网页设计的新手，所以我想通过查看其他网站并使用他们的技术来学习更多。现在我正在使用博客平台，想从另一个博客复制整个小工具。我试图通过博客复制正确的浮动侧边栏小工具。
要做到这一点，我想我将不得不复制CSS代码，html代码和javascript，如果它被使用。有没有一种简单的方法可以找到所有这些代码并将它们复制到我的代码中？我确实尝试过使用google chrome的检查元素功能，但没有成功。
有什么帮助吗？
浏览 1提问于2012-03-02得票数 0
5回答
我正在创建一个业务应用程序，它有一个宽度可变的侧边栏和内容区域，以及一个页脚。对于我来说，我不知道如何使用CSS让页脚始终正确显示，而不管侧边栏的高度如何。下面是这个问题的一个例子：
如果内容区域大于侧边栏，则页脚和侧边栏很好用，但反之亦然( 技术似乎不适用于页脚，而技术似乎只有在边栏较短时才有效)。
有什么建议吗？我在这里找到了一个答案，它只适用于IE6，而不适用于CSS。我很想让我的生活变得简单，并使用表格，但无论哪种方式，我都很想知道如何使用CSS (一点javascript不会有什么坏处，但w/o更好)。
浏览 3提问于2009-07-02得票数 1
回答已采纳
我正在寻找一种快速和简单的方法，以隐藏一个元素仅在两个页面，否则在所有页面的侧边栏。我试着用css做这件事，但似乎不能影响到这一点。和客户希望在侧边栏中的FDIC徽标消失。我尝试添加页面ID和侧栏css以显示:none，但无法完成正确的组合。我在正确的轨道上吗？
#page-id-63 .textwidget
{display:none;}
谢谢你的帮忙!
浏览 2提问于2013-07-26得票数 0
回答已采纳
4回答
为什么文本不与顶部对齐？
、、、
我的页面顶部有这个菜单栏，但它没有正确对齐。
链接应该与条形对齐，以便它们具有相同的高度。
HTML：
<html>
<head>
<title>DatNerd - Home</title>
<!--External Javascripts-->
<script src="externals/javascript/jquery-1.8.3.js"></script>
<script src="externals/javascript/jquery-ui.js">&l
浏览 7提问于2012-12-29得票数 0
3回答
我需要一个侧栏和一个内容区。我想让两个部分的高度相等。因此，如果我想为侧边栏指定背景色，即使侧边栏的内容不像内容部分那么高，它也会跟随内容区域，反之亦然。我只想在纯HTML和CSS中做到这一点，所以没有javascript技巧。
浏览 0提问于2010-07-07得票数 3
回答已采纳
3回答
我是一个新手，当谈到引导和css在一般情况下。我想要一个固定的侧边栏，固定顶部导航和主要内容卷轴的网站。
肚脐是固定的，工作正常。侧边栏的布局和主要内容也很好。当我将侧边栏设置为固定的时候，问题就来了。主要内容与侧边栏重叠。
我使用的是基本的网格布局：
<div class="container">
<div class="col-md-3 affix">
sidebar is here
</div>
<div class="col-md-9">
浏览 2提问于2015-11-28得票数 0
2回答
如何查找页面外的元素
、、、
我正在试着修复一个滑出的javascript菜单。问题是，第三级子菜单没有显示，尽管它应该显示。我确信这与错误的定位有关，元素显示在页面之外的某个地方。
现在我的问题是:是否有浏览器扩展，或者其他方法来勾勒超出页面边界的元素？
谢谢!
编辑:好的，这很奇怪..根据坐标，它似乎在正确的位置，它也有适当的尺寸，是可见的，但我看不到它。我是不是遗漏了什么？
浏览 0提问于2012-11-20得票数 0
2回答
IE6/7中的CSS问题
、、、
我已经创建了一个，目前正在尝试在IE 6/7中调试该站点。我怀疑问题出在hasLayout，因为这似乎很常见，症状也是一致的，但是我已经检查了许多损坏的元素，并将hasLayout属性添加到那些还没有升级的元素中。
我确实在几个CSS类中设置了z-index，现在我已经删除了它们，我想知道你们中是否有人对其他调试方法有其他建议。
网址是：
我在这里发帖，而不是Wordpress论坛，因为我认为我的问题更多地与标准CSS问题有关，而不是任何特定于WP的问题。
编辑：
详细介绍我在IE6/7中遇到的错误：
标题是一个具有css背景属性的锚点，它向下按下搜索框，导致很大的间隙。
nav的显示就像它下
浏览 0提问于2011-06-14得票数 0
2回答
我正在尝试做一个简单的，流畅的，响应式的两列布局(只是为了学习CSS)，由一个侧边栏和一个主要部分组成。
我可以创建100%高度的侧边栏，将主要内容放在侧边，但当我在主要部分中放置一个H1时……塔达！它的利润率也为侧栏创造了一个利润率。
下面是显示问题的最小代码：
<!DOCTYPE html>
<html>
<head>
<style>
html,body {
margin:0;
padding:0;
width:100%;
height:100%;
浏览 0提问于2012-12-25得票数 1
回答已采纳
如何快速知道任何html元素的正确选择器/选择器组？我正在编写冗长臃肿的html代码。并且想要在一些特定的区域应用css，但是为表格中任何深度嵌套的html标签找到一个正确的css选择器需要花费很多时间。
例如
#id1 #id2 .class1 .class2 table.no1 tbody td
有没有什么快速的方法或工具可以快速了解任何需要的元素的完美css选择器？
我还需要在一些元素上覆盖一些css？
编辑：
之后从@BalucC获取答案
此外，我还发现这个工具适用于IE用户，它的工作方式与Web开发人员工具栏相同。
MRI:测试您的选择器
MRI是一个适用于is 6+、Webkit和
浏览 1提问于2009-12-22得票数 1
回答已采纳
对于我的第一个响应设计，我使用css @media和display: none；或display:table-cell来显示或隐藏侧栏。这很好，我需要显示:三个div布局的表格单元格。
CSS示例：
#div_right { display: table-cell; }
@media screen and (max-width: 700px) { #div_right {display: none; } }
JS是标准的ToogleDisplay函数( e.style.display = "table-cell"；代替e.style.display =“块”；)
在小窗口/屏幕
浏览 7提问于2014-10-23得票数 0
回答已采纳
2回答
<div id="wrapper">
<div id="header">...</div>
<div id="main">
<div id="content">...</div>
<div id="sidebar">...</div>
</div>
</div>
#wrapper { min-width: 900px; }
#main { display: table
浏览 3提问于2010-04-13得票数 0
回答已采纳
我有一个侧边栏，这是非常好的浮动加载和不溢出以上的侧边栏滚动到底部。在main div上，我有一个可以过滤产品的products &部分。因此，当使用filter时，当使用filter时，主Div的高度会随着产品的减少而变化。因此，单击filter按钮后，侧边栏溢出到侧边栏上方，导致高度或偏移量发生变化。
这是侧边栏的浮动代码。
$stick = $('div.sidebar');
$foot = $('#footer');
margin = 80;
offtop = $stick.offset().top - margin;
offbtm = $foo
浏览 0提问于2019-09-22得票数 0
我的站点，当它以响应模式加载时，侧边栏在下面几乎所有东西都在下面，有什么方法我可以向上移动它，任何css我可以把主题放在nanomag。
浏览 0提问于2018-03-29得票数 0
2回答
我有一个工作的蛇游戏，但我似乎不能让CSS正确显示。我想要的风格是在右侧有一个直接与我的游戏相邻的侧边栏(有点像浮动左侧？)但我已经用尽了我的报道。我尝试过使用内联块和多个浮点数，但都没有成功。我拥有的图像基本上是绝对定位的(使用transform translate: xx)，因为当我将图像标记放在详细信息div中时，它似乎只渲染了其中一个图像。我最后添加了一堆换行符，然后将图像直接移动到空白点之间。你可以在我的github页面上看到我想要的东西(除了我更希望它对屏幕尺寸做出响应，而不是在屏幕变小时中断)。
// these are both images and my current (
浏览 1提问于2015-08-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
