用js添加HTML代码弄乱了我的页脚位置
在前端开发中，使用JavaScript添加HTML代码可能会导致页面布局混乱的问题。这通常是因为添加的HTML代码改变了原始HTML结构或样式，从而影响了页面的布局。
为了解决这个问题，可以采取以下几个步骤：
- 检查代码：首先，检查通过JavaScript添加的HTML代码，确保没有错误或不必要的代码。确保添加的代码与页面的布局和样式兼容。
- 使用CSS布局：使用CSS来控制页面的布局，而不是依赖JavaScript来添加HTML代码。通过使用CSS的布局属性（如flexbox、grid等），可以更好地控制页面的结构和位置。
- 调试工具：使用浏览器的开发者工具来调试页面布局问题。通过检查元素的样式和布局属性，可以找到导致页脚位置混乱的具体原因。
- 响应式设计：确保页面具有良好的响应式设计，以适应不同屏幕尺寸和设备。使用媒体查询和响应式布局技术，可以确保页面在各种设备上都能正确显示。
- 测试和优化：在添加新的HTML代码之前，进行全面的测试，并确保页面在不同浏览器和设备上都能正确显示和布局。如果发现问题，及时进行优化和修复。
总结起来，为了避免通过JavaScript添加HTML代码导致页脚位置混乱的问题，建议使用CSS布局和响应式设计来控制页面的结构和样式。同时，进行充分的测试和调试，确保页面在各种情况下都能正确显示和布局。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，无法提供相关链接。但腾讯云提供了丰富的云计算服务和解决方案，可以根据具体需求在腾讯云官方网站上查找相关产品和文档。
相关·内容
1回答
我想做一个粘性的页脚，如果没有足够的内容填满整个页面，它会粘在底部。我已经在CSS中找到了这样做的方法，但是很多都不能翻译成React/Next，因为它涉及到处理html和body标签。我想知道有没有其他的方法。 下面是我的页脚的JSX： <div>
<footer>
<a href={"https://www.instagram.com/linghandmade18/"}>
<i className="fab fa-instagram" />
浏览 8提问于2020-11-10得票数 0
3回答
我正在尝试用CSS实现一个粘性页脚。我意识到这是一个常见的问题，所以我尝试了通过谷歌找到的各种解决方案。
然而，我发现的解决方案都不能完全实现我想要做的事情。我不仅希望页脚在底部，而且我可以在页眉和页脚之间放置一个div，它占据了所有可用的空间，即使没有足够的内容(想象一下，如果你在#content周围放一个边框，它应该从页眉一直扩展到页脚，无论有多少内容)。
这就是解决方案失败的地方。“推送”元素中的任何一个都会成为障碍。或者，如果不破坏页脚或增加超过100%的页面宽度，就无法将div设置为100%。
下面是基本的标记：
<!DOCTYPE html>
<html>
浏览 2提问于2013-03-03得票数 1
2回答
页面介绍-正文淡入
、、、
我有一个wordpress站点，我正在使用插件来全屏显示背景图像滑块。
我想要显示静态全屏背景图像之前，主体是所有的网站内容加载。
现在，我添加了这个HTML：
<html class="no-js">
(我在html标记中添加了类no-js )
在css中，我添加了下面这一行：
.js body { display: none; }
在页脚，我添加了这段jQuery代码：
<script>
jQuery('body').fadeIn(5000); // fadein time in ms
</script>
从这里开始，
浏览 1提问于2014-12-23得票数 1
我是个新手问题，因为我只是在学习JS，所以我还不擅长它。
我目前正在建立一个网站广告添加了一些JS片段来做一些行动。现在我的页脚有了opacity: 0，它不是来自CSS，因此必须来自某些JS，但我找不到它。如何找到JS正在修改Chrome或火狐DevTools中特定HTML元素的样式？
下面是显示代码的屏幕截图：
我检查了我所有的JS文件，但是找不到给我的页脚opacity:0的任何东西。
浏览 0提问于2019-06-23得票数 10
回答已采纳
我有一个网站，这是建立与姜戈。 问题:我们目前有超过50个页面，并且每个页面上的页脚HTML代码完全相同。我厌倦了在页脚添加一点更改时不得不编辑所有这些页面。 可能的解决方案:直接在django基页中插入页脚。 潜在的问题:如果我在基页中插入页脚，页脚和标签之间的所有单独的JS脚本都将丢失-显然，这些脚本是特定于页面的。所以我可以在页脚之前有特定的JS脚本吗？这将允许页脚很好和容易地进入基地，但我不确定我能做到这一点。将脚本移到页脚之前是错误的吗？ 谢谢
浏览 49提问于2019-03-19得票数 0
2回答
我有一个小的网络应用程序。我的客户在他们的网站上使用它。为了让它看起来无缝(他们自己网站的一部分)，他们把我的应用程序放在他们网站上的iframe中。这样我就不必担心页眉和页脚(品牌/样式等)。现在，由于某些原因，规格发生了变化，现在应用程序将不会在iframe中。这导致了一个问题，即我必须为每个客户维护一致的页眉和页脚品牌/样式。我有许多客户，我不可能维护他们中的每一个，并保持它一直更新。
因此，我正在努力想出解决方案，允许我从客户端继承页眉和页脚，并在我的网站上使用它。我在考虑告诉客户维护一个页眉和页脚html文件(并根据他们的品牌进行维护)。然后，我将进行一个AJAX调用，并在我的页面上
浏览 16提问于2013-02-06得票数 3
5回答
我正在尝试让我的页脚在页面底部，页眉在页面顶部和部分在页面的中间。但我得到的只是页面顶部显示的红色页脚。背景包装应该是灰色的，但这也不起作用。请帮帮忙。谢谢。
下面是css：
body {
margin: 0 auto;
}
#wrapper {
position: relative;
background-color: gray;
height: 100%;
width: 100%;
}
header {
position: absolute;
top:0;
width: 100%;
height: 20px;
浏览 3提问于2013-08-12得票数 0
我正在使用Imagemap resizer js库来帮助我处理响应式地图。它是由一个小的js库控制的，github dot com/davidjbradshaw/image-map- here。它被认为是帮助HTML坐标变得响应，即使它通常是不响应的(比如ios Chrome)。
开始测试时，我将整个示例页面从脚本的作者复制到的静态html页面中。我在/body之前使用了以下代码：
如您所见，它正确地创建了<script type="text/javascript" src="http://davidjbradshaw.com/imagemap-resizer/j
浏览 0提问于2016-01-22得票数 0
2回答
我第一次用HTML5构建网页时，遇到了一个小问题。
我有代码：
<header></header>
<section>
<header></header>
<article></article>
<footer></footer>
</section>
<footer></footer>
问题是，我的区段页脚继承了我的页脚样式。我不知道如何从我的代码中移除继承。你能帮帮我吗?
附注:我的区段页脚继承页脚样式，而不是页脚。这里有一张照片：
浏览 0提问于2013-05-20得票数 0
回答已采纳
5回答
这里是代码框的链接，在这里我试图添加一个页脚，但是上面的内容被隐藏了。我怎么才能解决这个问题？我犯了什么错？
页脚组件在app.js文件中注释。滚动到底部，看到内容，如果取消注释页脚，它将隐藏内容。
浏览 17提问于2022-01-20得票数 2
3回答
在我的一个PHP项目中，其中一部分是由其他人完成的。所有js脚本都加载在页脚文件中。html在页脚文件处关闭。在包含页脚文件之前，如何使用jquery函数？由于在页脚之后使用它，所以文件将在html关闭后显示出来。当我厌倦在页脚之前使用jquery函数时，就会得到js错误、$ NotDefined等等。我搜索了许多类似的问题，但没有找到解决办法。我目前无法更改文件包含顺序，因为其他人已经这样做了。任何帮助都将不胜感激。
浏览 5提问于2015-06-25得票数 0
回答已采纳
先生
我是drupal的新手。我想把推特按钮在我的Drupal7网站的页脚我使用推特按钮代码到html.tpl.php文件，我把代码放到下面的页面底部().It works correctly.But按钮它显示在我的site.But的页脚下面我想显示推特按钮在footer.How中我可以做到这一点。我只想日志到我的网站的twitter页面时，点击按钮。
这是我使用的代码()
<a href="https://twitter.com/twitter" class="twitter-follow-button" data-show-count="fal
浏览 1提问于2012-10-07得票数 2
2回答
我的公司正在考虑用HTML5动画替换所有的flash内容，而Edge似乎是我们的Flash用户轻松进入HTML5世界的一个很好的选择。
这就是我们的问题所在。flash中的动画已经在Edge Animate中重新创建，并且运行良好，但当将它们放在同一页上时(有一个页眉和一个页脚动画)。这两个构图相互重叠，弄乱了页眉和页脚动画上的剪辑。作为注释，它们不具有相同的宽度或高度，这就是动画最有问题的地方。不应该是可见的元素，我认为这与裁剪有关。在我的修修补补中，似乎两个组合都在互相踩在一起，并从对方那里获取了一些属性。如果我从页面中删除其中一个，另一个将正常工作。
我不知道为什么会这样，但我似乎找不到
浏览 4提问于2013-01-24得票数 0
回答已采纳
3回答
我不是真正精通这类事情，因此希望有人可以帮助我。我有一个特殊的问题，那就是页脚阻塞了图像中显示的日期选择器。我使用粘性页脚，这不是我想要的结果，因此我从不在我的<div>中标记footer类。
这是我当前的代码：
<div class =" navbar navbar-default navbar-fixed-bottom navbar-inverse" role="navigation">
<div class ="container">
<font size="3"
浏览 0提问于2015-11-30得票数 0
1回答
我试图用容器div扩展我的内容，但是它却被切断了。
以下是我的HTML代码：
<div id="container">
<section>
Lots of content goes here
</section>
</div>
<div class="footer">Footer Content</div>
我的CSS代码：
html {
min-height: 100%;
position: relative;
}
body {
width: 100%;
height:
浏览 0提问于2015-09-20得票数 1
回答已采纳
? 嗨!我在我的CSS开发课上学到了CSS样式的课程。他们告诉我不要接触HTML代码中的任何东西(见图)。前两个页脚的样式应为“编写者...”在一篇文章下。最后一个页脚应该在页面底部设置为真正的页脚。我可以在不改变HTML代码中任何东西的情况下用CSS改变这些样式吗？我不允许添加div或任何东西。 我的web开发类真的很过时了。
浏览 10提问于2021-11-12得票数 0
回答已采纳
在阅读之前，请注意我是jquery、html和css方面的初学者。
在将jquery安装到我的站点之前，我在固定位置上有一个页眉和页脚，使它们固定在浏览器的顶部和底部。当我安装jquery时，页眉和页脚因某种原因而消失。当我用函数测试jquery函数时，jquery函数工作得很好。有人知道为什么我的页眉和页脚在使用jquery时不正确吗？谢谢：
忽略大部分代码，只需看一下这个jsfiddle：
Html:
<div class="header"></div>
<div class="footer"></div>
&
浏览 2提问于2014-12-23得票数 1
1回答
其他div中的粘性页脚
、、、
我有一个给定的HTML结构，并且不能真正设法将它更改为将页脚放在包装器div上，而不是其他东西，因此“经典”粘性页脚代码不起作用。结构如下：
<body>
<div></div>
<div>
<sidebar></sidebar>
<maincontent>
<div></div>
<div></div>
<div></div&
浏览 3提问于2014-12-14得票数 1
我正在尝试替换用Zend Framework编写的header.html和footer.html文件。而旧的报头位于相同位置的application/cache/header.html和footer.html。我用我的新header.html和footer.html替换了这些文件。
css和js文件以及其余代码以以下方式包含在文件/application/modules/default/layout/global.phtml中：
echo $this->headLink()->appendStylesheet($host . $this->basePath() .'/
浏览 1提问于2014-09-18得票数 0
1回答
我怎样才能把我的页脚放在jinja格式的Django模板的底部，我已经在下面的代码块中添加了内容： <div class="ui container">
{% block content %}
{% endblock content %}
</div>
{% block scripts %}
{% endblock scripts %}
<script type="text/javascript" src={% static 'main.js' %}&
浏览 33提问于2020-12-03得票数 1
回答已采纳
我有一个简单的网页，其中打开的html标签有一个属性font-size:60% !important设置在css文件中。
<html>
<head>
... some js and css ...
</head>
<body>
... header ...
... content ... <-- need to replace that by new content
... footer ...
</body>
</html>
一切都渲染得很好(页眉/内容/页脚)。
我还有另一个文件，我已经将内容放在这个网页上(基于
浏览 9提问于2020-11-17得票数 0
1回答
我正在尝试将js图库的缩略图部分添加到网页的页脚。我以前从来没有拆分过一个画廊，并认为这是实现这种外观的唯一方法
我现在拥有的链接是：。
(边框只是我的指南，我还在做的时候)
缩略图容器的CSS代码为：
.galleria-thumbnails-container {
height: 100px;<br>
bottom: 0;<br>
position: absolute;<br>
left: 10px;<br>
right: 10px;<br>
z-index: 1;<br&g
浏览 0提问于2012-01-30得票数 0
回答已采纳
我有一个Wordpress网站，显示虚拟世界的地图。这些映射是leaflet.js映射，显示在名为map的div中。这个div不是用divi前端创建的，而是在一个html文件中创建的，该文件是通过插件短代码来包含的。基本上，php插件加载了一堆特定于地图的设置，以提供给传单地图，并显示一些html。
现在，我希望这个地图div尽可能高，而不会造成滚动条。
我尝试过不同的东西：
height: 100% --根本不显示任何东西，最明显的是父elementsheight: 100vh的一个问题--比屏幕大得多，触发一个scrollbarheight: 74vh --适合于我的2.5k屏幕，但不适合
浏览 1提问于2020-10-16得票数 1
我有一个非常具体的布局实现与HTML/CSS。基本上，我有一个文本容器，里面有几个向左浮动的框。然后我有了一个页脚，它需要在底部覆盖这个文本容器几个像素。为此，我在页脚上使用了负的上边距，并在文本容器和页脚上设置了position:relative和z-index，以使页脚层堆栈位于文本容器之上。
它可以用一把小提琴来演示：。
问题是在IE9和Firefox18中，页脚的内容清除了文本框的内容，而在Chrome中，页脚的内容覆盖了文本框的内容，而没有任何清除。
我基本上需要在IE7+，火狐和Chrome中保持一致，不管是哪种方式。不管是哪种方式--它可以是清空的，也可以是重叠的，但无论浏览器是
浏览 3提问于2013-01-24得票数 1
回答已采纳
我是用phonegap开发的，我有一个风格的问题。
我只想在底部放置一个页脚。
这是我的index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="format-detection" content="telephone=no" />
<meta na
浏览 0提问于2013-05-03得票数 2
回答已采纳
1回答
我已经多次阅读了指南，但仍然不能让它工作。
我正在尝试将与phpBB3集成。我希望日历代码能够访问phpBB变量，因此它只允许注册用户添加新事件。
上面的PHP指南建议创建一个简短的phpBB页面，它设置phpBB会话，然后调用一个静态的phpBB模板，使用服务器端包含(SSI)来拉入PHP头等。我不能让日历页面的PHP输出显示在phpBB页眉和页脚之间。日历的HTML显示正确，但没有执行任何PHP。看起来推荐的方法只是不允许PHP代码在模板中执行。
总结:我遵循了上面的指南，但是用我的'calendar.php‘替换了'aboutus_body.html’。我只看到calen
浏览 0提问于2011-06-13得票数 1
回答已采纳
我用HTML / CSS制作了我的网页的主要框架，但现在我意识到我需要一个粘脚，它总是粘在屏幕底部，所以位置固定，我需要内部段，所有网页内容都被称为(包装)，从页眉底部延伸到页脚顶部，所以我想要的是，当你在网页浏览器上放大时，鬼魂段符合浏览器的整个高度，这样它就可以在任何显示高度上工作。
这是JS小提琴
如果有人知道如何做到这一点，请你写的代码堆栈溢出作为答复，因为这只是我的测试网站，将不会使用它的真实情况。
我试过将包装设置为
height:100vh;,
这总是填充屏幕高度，但它不允许当我添加内容时，它不会扩展以适应屏幕上的内容。
非常感谢您的帮助！谢谢
浏览 2提问于2014-04-08得票数 0
回答已采纳
1回答
在加载动态内容时，我在angular中遇到了一个css问题。我有一个模板，我把我的标题放在那里。content和footer.When我运行应用程序页脚恰好放在页眉下面，动态添加到内容部分的内容与页脚重叠并超出页脚section.if。我为容器分配了高度，并将overflow-y自动分配给容器部分。问题是获取solved.But我不希望滚动条到内容部分，因为我将在内容部分显示图像，这将很长，并且我希望页脚位于页面的末尾.I也不希望页脚固定。我希望它显示在动态内容下面的方式。计算选项，但它不工作。我已经给了代码below.Kindly帮助我。
index.html
<!doctype h
浏览 2提问于2019-07-23得票数 0
1回答
在我的代码中，我只需要获得主文本，而不是页眉或页脚数据。我还想过滤掉与请求一起收到的任何html/css/js代码。我该怎么做？我试着用请求请求，用漂亮的汤查看数据，然后打印正文内容。这方面的问题是，它也是捡起页脚和页眉内容。谢谢您的回复！
浏览 3提问于2021-04-16得票数 0
回答已采纳
我将jquery.js放在</body>之前的页脚
<script type="text/javascript" src="/js/jquery.js"></script>
为什么这段代码不能触发？但是当我在</head>之前移动header上的jquery.js时，它工作正常..
$(document).ready(function () {
$("#sub-category").hide();
$("#main-category").change(function
浏览 0提问于2012-03-04得票数 1
回答已采纳
1回答
所以几周前我开始使用Dreamweaver，经过一些html和css测试之后，我开始构建我的站点。该网站是关于另类摇滚，所以我的想法是，它将有一个页面为每个乐队在其数据库，它将显示一些信息，一些图像，和cds的列表。
因此，我已经使用HTML、CSS (duh)和一些Javascript为页眉/页脚和随机引号构建了主页。
问题是，每个乐队都会在网站上有自己的页面，手工操作都是疯狂的，所以我想我可以用一些js来制作一个为我做的系统。
我的想法是:在保存html和js文件的文件夹中，创建另一个名为“band”的文件夹，然后在其中为站点将包含的每个波段创建一个文件夹；在该文件夹中，将有该乐队的数据，
浏览 0提问于2015-07-25得票数 0
回答已采纳
2回答
保持页脚和页底
、、、
我有一个网页https://jiwidi.me/home/，其中我有一个页脚，我想留在页面的底部，即使我注入html代码与js代码。页脚可以在主页https://jiwidi.me/home/上工作，但在https://jiwidi.me/home/blog/上就不能工作了，因为页脚不在底部。在博客页面中，我插入了html代码，这样页面的尺寸就会发生变化。 我当前的页脚css如下所示： footer {
clear: both;
margin-top: -200px;
position: absolute;
bottom: 0;
width: 100%
浏览 12提问于2021-04-17得票数 0
回答已采纳
2回答
我有一个页面模板，它需要在页眉而不是页脚加载jQuery。
默认情况下，主题(Divi主题)在页脚中加载jQuery。当jQuery被加载两次时，这会导致一些错误。
有没有什么方法可以修改<?php wp_footer(); ?>以排除此模板的jQuery？
谢谢。
模板：
<!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js">
<head>
<meta charset="<?php bloginfo( &
浏览 5提问于2017-11-03得票数 0
我已经在我的页脚部分中包含了jquery和bootstrap.min.js文件，或者这意味着我的所有脚本标记都在代码的底部。但是当我加载页面时，浏览器控制台抛出一个错误：未登录错误:引导程序的JavaScript需要jQuery。
</footer>
<script src="http://127.0.0.1/ems_ci/assets/js/jquery.js" type="text/javascript"></script>
<script src="http://127.0.0.1/ems_ci/asset
浏览 2提问于2016-04-23得票数 0
回答已采纳
1回答
我想将html分成几个部分，如modules.For示例：
domHeader.html
bodyheader.html
content.html
footer.html
所有页面都必须有相同的domHeader、bodyHeader和页脚以及不同的内容，我只需要在所有page.If中引用它们--我想要更改页脚，我不需要更改所有页脚，我只需要更改footer.html。
我知道用java和其他语言可以做，我只是一个主要的网页开发人员，只知道html css js，没有个人网站。
我看了几个js模板，但没有找到这个特性。有什么简单的方法吗？node.js ?？
浏览 3提问于2012-12-24得票数 5
WinJS或MobileFirst在我的index.html上注入了这段代码，问题是ui-light.css弄乱了我的.css，尽管它是我的第一个.css注入，有没有办法删除这个very注入？我宁愿避免使用javascript来删除刚刚被javascript注入的代码。
<script>
var head = document.getElementsByTagName('head')[0];
if (window.clientInformation.userAgent.indexOf("Windows Pho
浏览 5提问于2018-06-05得票数 0
1回答
如何将页脚放在页面底部？
、、、
我试着把脚放在底部，但是我用梅做了一些奇怪的事情。
刚刚创建了空示例页以显示页脚位置
app.js中的代码
<>
<Header />
<Divider />
<Container>
<Routes>
<Route path='/main' element={<IndexMain />} />
</Routes>
</Container>
<Footer />
<&g
浏览 5提问于2022-03-30得票数 1
2回答
我想在演示文稿中设置页眉和页脚。我使用以下问题作为起点：和
我的当前实现提供了以下输出：
现在，据我所知，reveal.js默认使用，宽度为960px，高度为700 of。这个尺码对我来说完全没问题。但是，我希望这个窗口中的页眉和页脚不被修复。他们需要适应实际的屏幕大小。也就是说，我希望左边的标题对齐到屏幕的左上角。同样，对于其他标题和页脚，也请参见图像。我怎样才能做到这一点？目前，我的头和页脚似乎固定在默认窗口(960x700)内。
我在index.html 3.2.0中使用了以下代码( reveal.js )
<!doctype html>
<html lang=&
浏览 8提问于2016-01-10得票数 16
1回答
我有一个带有HTML和JS文件的简单文件结构，如下所示：
templates/
- index.html
- menuselector.js
下面是我想要导入到HTML中的一个函数示例：
export function getTypeOfClient() {
const select = document.getElementById('inputGroupSelect02');
const value = select.options[select.selectedIndex].value;
if (value === '1') {
浏览 2提问于2022-01-15得票数 4
回答已采纳
我试着把我的脚放在页面的右下角。我正在使用HTML5 5的<footer>标签。
因此，下面是我的CSS中的内容：
footer {
position:absolute;
bottom: 0px;
float: right;
height: 35px;
margin: 0px 50px 0px 0px;
background: #9FF;
color: #000;
text-align: right;
padding: 10px 30px;
}
有了这段代码，页脚就完美地附着在底部了。我想要的是，它也应该在页脚
浏览 7提问于2012-10-01得票数 2
回答已采纳
11回答
如何使粘脚在反应？
、、、
我制作了一个粘性页脚高级组件，它封装了其他组件的内部：
Footer.js
//this is a higher-order component that wraps other components placing them in footer
var style = {
backgroundColor: "#F8F8F8",
borderTop: "1px solid #E7E7E7",
textAlign: "center",
padding: "20px",
position: &
浏览 22提问于2016-11-09得票数 34
回答已采纳
2回答
我最近一直在玩Meteor，我很喜欢它，但是在一个项目进行5分钟后，我在调用{{ pageRender }之后出现了呈现模板的问题(注意到{{>renderPage }只呈现铁路由器被告知渲染的内容，而忽略了任何其他调用)。
下面的代码工作得很好，因为它仍然是基本配置，但是在呈现动态页面之前，页脚模板会被调用，这将导致页脚出现在所有页面内容之上。我还尝试将页脚文本移动到main.html精细中，但页脚仍呈现在{ renderPage }}内容之前。
铁路由器Js:
Router.route('/', function () {
this.render('Hom
浏览 2提问于2015-01-08得票数 0
2回答
我尝试过很多不同的方法，这里和网上其他地方，但他们都没有做我希望它实现。
目前，我有一个网页上的元素与下面的代码定位和样式。然后，在下面，我有一个页脚div，我想要在页面内容的底部(见附件图像)。如果内容高度小于屏幕高度，我可以在屏幕底部有页脚，也可以直接在内容下面(这两个工作)。如果内容大于屏幕，我希望页脚位于页面内容的底部，因此当用户向下滚动时，会看到页脚。
现在，我的bottom-sec div是页脚(不是实际有id页脚的页脚)，但是它坚持在视图端口的底部，而不是内容的底部。因此，如果内容大于屏幕，页脚与页面内容重叠。
我认为这可能是因为indiitem中的position: relat
浏览 0提问于2020-12-09得票数 0
回答已采纳
4回答
我有一些jquery页面，每个页面都有页眉和页脚。如何将其设置为单个页眉和页脚？(即)要在主页的页眉/页脚部分加载页眉/页脚html文件。
敬请指教。
请找到下面的页面结构...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Single
浏览 1提问于2013-04-03得票数 2
6回答
我和min-height: 100%有一些问题
我要页脚始终低于我的内容。意思是，如果内容比屏幕高度长，那么直到您一直滚动到底部，您才会看到页脚。
此外，当内容小于屏幕高度时，页脚需要位于屏幕底部。好吧，我想我只是通过添加min-height: 100%来解决这个问题
<html>
<head>
<style>
html, body, main { min-height: 100% }
</style>
</head>
<body>
浏览 13提问于2015-12-07得票数 0
回答已采纳
你能在被替换的div下面的页脚中加载swfobject.js或jquery.swfobject吗？
我希望把所有的javascript加载都放在页面的底部，但是如果在替换div之前没有加载swfobject，它似乎就会失败。
赤裸裸的例子：
<div id="flash"></div>
<div id="footer">
<script src="/static/default/default/js/jquery-1.3.2.min.js"></script>
<
浏览 1提问于2009-11-25得票数 1
我得到了一个默认的layout.ejs文件，我在其中编译了页眉、页脚等layout.js。现在我想输出存储在3个不同文件中的页面内容(1.主页，2.艺术家，3.联系公式)。当页面/homepage被调用时，文件homepage.ejs应该被读入并显示(对于其他文件，请参见上面)。我如何检查所请求的URL，或者有其他方法可以做到这一点
layout.ejs
<%- include('../partials/default/head') %>
<body>
<!-- Navigation Top -->
<%- inclu
浏览 6提问于2020-03-02得票数 0
2回答
我已经数不清我读过多少关于这个话题的帖子了。坦率地说，我不是CSS专家。我预订了一个“粘性页脚”，它在火狐和Chrome上运行得很好，但在IE9和更高版本上就不行了。(它在IE中的位置随浏览器窗口的高度而变化。在其他浏览器中，它固定在底部。)
css如下：
#footer {
position:relative;
margin-top: -150px;
height: 150px;
clear: both;
bottom:0px;
}
html (在母版页中)如下：
<footer>
<div id="footer
浏览 1提问于2014-03-25得票数 0
2回答
HTML页脚/分页定位
、、、
可能有点简单的问题，但目前正在尝试创建一个带有横幅/页眉和菜单的个人网站，效果很好，还有一个页脚栏。两者都使用div，中间有一个' main‘div作为主要内容。由于某些原因，页脚栏出现在菜单/标题栏的顶部，当我试图将其放在主要部分下方时，页脚栏将其覆盖，并使其停留在页面的底部。
@font-face {
font-family: "cicle-gordita";
src: url("fonts/Cicle_Gordita.ttf") format("truetype");
src: url("fonts/Cicl
浏览 1提问于2016-10-25得票数 0
1回答
我有一个用ajax建立的网站。它有英语和法语两个版本。英语在/public_html，法语在/public_html/fr。
Ajax只重新加载中间帧，而不是页眉或页脚。因此，当我单击指向法语页面的链接时，它在中间显示，但页眉和页脚仍然来自英文页面。
所以，当我点击链接时，基本上是一个"#“不知从哪里冒出来的：
英语到法语：
<li class="contact"><a href="/fr/index.html">French Version</a></li>
法语到英语：
<li class=
浏览 2提问于2011-06-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
