Div未按顺序显示
是指在网页开发中，使用HTML的div元素时，出现了显示顺序不正确的情况。
解决这个问题的方法有以下几种：
- 检查HTML结构：首先要检查HTML代码中div元素的嵌套关系是否正确。确保每个div元素都正确地嵌套在其父元素内部，并且按照期望的顺序排列。
- 检查CSS样式：使用CSS样式来控制div元素的显示效果，可能会导致显示顺序不正确。检查CSS代码，确保没有使用float、position或z-index等属性来改变div元素的默认显示顺序。
- 检查JavaScript代码：如果在页面中使用了JavaScript来操作div元素的显示和隐藏，可能会导致显示顺序不正确。检查JavaScript代码，确保没有错误地改变了div元素的顺序。
- 检查浏览器兼容性：有时，不同的浏览器对于CSS样式和JavaScript代码的解析方式不同，可能会导致显示顺序不一致。可以使用浏览器开发者工具来检查不同浏览器下的显示效果，并针对性地进行调整。
总结起来，解决div未按顺序显示的问题需要仔细检查HTML结构、CSS样式和JavaScript代码，并确保它们没有导致显示顺序不正确的情况发生。如果问题仍然存在，可以尝试使用其他的HTML布局方式或调整相关的样式和代码。
相关·内容
我试图在HTLM-css (使用引导)表中显示mysql数据库中的数据。但是查询结果并没有按“ID”的顺序显示。有人能帮我解决我的问题吗？提前谢谢。
<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example">
<div class="alert alert-info">
<strong>&
浏览 1提问于2013-10-06得票数 0
回答已采纳
1回答
我正在开发一个现有的firefox插件的javascript代码库，而且我对javascript非常陌生，虽然我通过教程学习了javascript语言，但从未使用过大型代码库。我正在尝试调试由ui事件引起的操作，下面是附加到ui单击的回调
builder.gui.menu.addItem('run', _t('menu_run_locally'), 'run-locally', function() {
builder.dialogs.runall.runLocally(true);
alert("for debugg
浏览 3提问于2014-03-03得票数 0
回答已采纳
在使用C#的ASP.net应用程序中，我使用了4个必需的字段验证器。但是在Button_Click事件中，最后一个RequiredFieldValidator显示的是第一个，如图所示。
我想首先显示第一个有效的RequiredFieldValidator (不输入员工代码的验证器)
提前感谢
浏览 1提问于2014-01-10得票数 0
1回答
图像未按所需顺序加载
、、、
我已经为我的图像分配了一个div id，目的是以特定的顺序加载它们。但是，想象一下我正在尝试加载的文件(pocket2.png)不是这样的，你知道为什么吗？网站在这里。
提前感谢！
jQuery(document).ready(function($) {
$(".preload").each(loadImages);
function loadImages (i, elem) {
var numItems = $('.preload').length;
浏览 4提问于2013-03-10得票数 0
回答已采纳
我有以下HTML：
<div>
<div ng-repeat="mod in pTab">
{{$index}}{{mod.modelGallery}}
</div>
</div>
pTab对象如下所示：
pTab{
modelData1={
modelGallery: "Gallery-2";
}
modelData2={
modelGallery: "Gallery-3";
}
modelData3={
浏览 7提问于2015-02-26得票数 0
3回答
我正在开发一个网页，我有与z-index不能按预期工作的问题。我的结构看起来像这样：
<div class="mainWrapper">
<div class="overlay"></div>
<div class="main">
<div class="content1">
content goes here
</div>
</div>
</div>
在o
浏览 2提问于2011-10-13得票数 5
回答已采纳
1回答
我正在使用Bootstrap panel (折叠和折叠)类来创建一个表单。我有两个面板，我想要一个开始打开，一个开始关闭。在面板标题中，当用户单击面板时，我使用Glyphicon "^“关闭/打开面板。在面板2中，它像预期的那样启动，但在点击两次后，它会显示down字形，当它应该显示时，它会显示up；当它应该显示下来时，它会显示up。代码示例很好地进行了演示。
我该如何解决这个问题呢？
.btnAgregar:after {
font-family: "Glyphicons Halflings";
content: "\e113";
}
.b
浏览 7提问于2016-09-21得票数 3
回答已采纳
2回答
广播未按指令接收
、、、、
我的<main>、<div>和<my-directive>之间有一个父子控制器关系，如下所示：
<main ng-controller="MainController">
<nav>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
浏览 9提问于2016-04-27得票数 3
回答已采纳
感谢您抽出时间来审阅我的问题。我应该在开始之前说我不是一个专业的PHP开发人员，但我知道的足够危险！
我目前正在设置一个PHP日历，显示“事件”，如果你愿意，在特定的日子。
我修改了以下代码：
目前，我可以让foreach循环遍历每一天，并在数据出现的每一天显示引导模式框按钮。当使用print_r & pre标记进行调试时，我可以看到这些值在每一天都正确显示，但由于某些原因，它复制了所有日期的数据，而不是将每一天的数据放在正确的日期上。
我尝试在当前的foreach循环中执行一个额外的foreach循环，但似乎不起作用，或者我做得不正确。
在截图中，你会看到在这两天的什么地方写着
浏览 3提问于2017-03-08得票数 1
2回答
在我的HTML代码中，我有一些行和div，但是一个div显示在另一个之前，即使在代码中是在后面。带有"contact“类的Div显示在带有"photos”类的div之前。图片来源：
<div class="photos">
<div class="row">
<div class="col-md-2"></div>
<div class
浏览 12提问于2019-11-21得票数 0
2回答
我有3个<script>标签作为<body>中的最后一个元素。它们加载外部.js脚本：
...
</div>
<script src="https://somewhere.com/scripts/script1.js"></script>
<script src="https://somewhere.com/scripts/script2.js"></script>
<script src="https://somewhere.com/scr
浏览 30提问于2021-06-01得票数 6
1回答
我有问题，我的javascript没有按顺序运行提交事件。我有一个大致类似的表格：
<form id="myForm">
<div>
<button type="submit" name="submit">Submit</button>
</div>
<div>
<div id="loading" style="display:none;"><img src="images/loading.
浏览 4提问于2016-02-16得票数 0
回答已采纳
1回答
我目前正在进行一个Ajax调用，它返回一个项目组合中不同项目的数组。一旦调用成功，我希望遍历数组并创建一个bootstrap carousel，将每个项目名称和详细信息显示为一个carousel项。 我遇到的问题是，当我尝试将HTML代码添加到#project-carousel和#project-carousel-indicators中时，什么也没有显示。 <div class="row" id="project-section">
<div class="col-lg-12">
<div class=
浏览 8提问于2020-11-11得票数 0
1回答
我有以下问题:当客户下订单时，我想要更改客户组：
我的config.xml：
<sales_order_place_before>
<observers>
<kat_customer_save_observer>
<type>singleton</type>
<class>Kat_Customer_Model_Observer</class>
浏览 2提问于2015-07-27得票数 0
1回答
我的意图是创建一个三列网格，并让下面的两个元素并排显示。我有以下HTML文件：
.main-grid {
grid-template-columns: 25% 50% 25%;
grid-template-rows: 100%;
}
.main-col {
grid-column: 2;
grid-row: 1;
}
.right-box {
grid-column: 3;
grid-row: 1;
}
<div class="main-grid">
<div class="main-col">
浏览 2提问于2022-10-12得票数 0
回答已采纳
我很难开始使用ngInfiniteScroll的指导。我创建了一个名为“电影”的范围，它有大约150个有标题和发行日期的电影对象。使用ng-重复，我在容器元素中显示对象。
我尝试在柱塞中创建一个示例应用程序，但当我查看该应用程序时，它只显示所有的记录，而ngInfiniteScroll指令似乎没有做什么特别的事情。
<div infinite-scroll='myPagingFunction()' infinite-scroll-distance='3'>
<div class="repeat" ng-repea
浏览 2提问于2015-10-12得票数 0
回答已采纳
6回答
我遇到了GROUP BY子句的问题，数据没有像我希望的那样显示出来：
我有这样的数据：
-------------------------------------------------------------------
| Company | Division | Business Area | Unit | Name Full | ID |
-------------------------------------------------------------------
| Company 1 | Div 1 | Business 1 | Unit 1 | Cu
浏览 3提问于2012-08-22得票数 1
回答已采纳
我有以下疑问：
SELECT
AVG(CAST(RATING AS NUMERIC(18, 2))) AS AVERAGE,
QUESTIONID,
COUNT(QUESTIONID) AS COUNT
FROM
AnswersRating
WHERE
SURVEYID IN (SELECT ID
FROM SURVEYS
WHERE FLIGHTDATAID = 7277)
GROUP BY
QUESTIONID;
我得到的结果是：
AVERAGE QUESTIONID
浏览 12提问于2016-08-01得票数 0
回答已采纳
1回答
记录未按顺序显示
、、、
我已经用OctoberCMS构建了一个自定义插件，并且我已经成功地实现了Reorder控制器。 现在唯一的问题是，记录不能按照我在后端设置的顺序显示在前端。 任何帮助都将不胜感激。 {% for course in record.courses %}
<div class="col-md-4 mt-3 mb-4">
<a href="{{ course.slug }}">
<div class="box-new">
浏览 12提问于2019-09-30得票数 0
5回答
我有一些输入，我想设置每个输入部分的最小值。例如，我将最小输入值设置为100。因此，如果任何输入的值小于所有输入的100，它将显示一个错误。否则，如果所有输入的值大于或等于100，则会显示成功消息。
在我的例子中，如果我在一个输入中输入小于值，它将显示错误，但是如果我在其他输入中输入更大的值，它将显示成功消息。
<div class="color-quantity not-selected-inputs selected-input-wrap">
<input type="text" class="custom_
浏览 3提问于2016-05-03得票数 0
4回答
我有jsp，这取决于我正转到另一个页面的一些条件。
我有/myjsp/first.jsp，它的代码是
<%
if(some condtion){
somelogic
}
else
{
application.getRequestDispatcher("/myjsp/another.jsp").forward(request,response);
}
%>
<div>
<jsp:include page='header.jsp' />
</div>
浏览 1提问于2012-11-21得票数 4
用更新
我正在使用LeafletJS构建一个带有时间线滑块的网络地图。我使用来显示一组基于名为DATE_START的GEOJSON属性的标记。下面是我的数据对象的一个示例：
var camps = {
"type": "FeatureCollection",
"features": [{
"type": "Feature",
"properties": {
"STATUS": "UNOCCUPIED
浏览 2提问于2016-03-08得票数 1
回答已采纳
1回答
我正在使用一个简单的动画指令：
$('.slide').stop().animate({ queue: true, marginTop: total + 'px' }, (2000 * 2 * times), function () {
alert('in');
});
其中<div class="slide"></div>的marginTop正在被操纵。
现在，问题来了：
正如您所看到的，应用程序应该只显示一个显示" in“的警告，因为该警告是在动画结束函数中执行的。但是，
浏览 3提问于2011-12-13得票数 0
回答已采纳
1回答
嵌套Ajax未按顺序执行
、、、、
我使用的是地理名称api，它可以获取与地理相关的信息。我正在尝试使用getStateInfo函数获取国家/地区的州名称，然后尝试使用getCityInfo函数获取州中的城市。我想得到一个州，然后是州下的城市，但下面的代码首先执行getStateInfo函数，然后转到下一个函数getCityInfo，因为这个问题，我无法在州中映射正确的城市。有没有一种方法可以打印一个州，然后打印该州的所有城市？
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat=
浏览 15提问于2020-02-28得票数 0
7回答
我有以下简单的HTML页面：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head&
浏览 5提问于2015-08-27得票数 18
回答已采纳
4回答
请查看示例
当我点击按钮时，显示数据加载器div应该显示，并在几秒钟后隐藏。在控制台日志中，您可以清楚地看到qloader div显示属性被设置为block和none，但是什么也没有发生，qloader div永远不会显示。
怎么啦？
浏览 1提问于2012-08-31得票数 2
回答已采纳
1回答
我一直在建立一个网站，一切都像预期的那样，直到我突然无法在同一条线上显示任何东西，即使类似的代码以前在这个网站上工作过。该网站还显示不同的图像，即使它是相同的图像和div。我正在用HTML和CSS构建Drupal。我的HTML代码是
<div class="foodblock col-m-3 col-3"><a href="kale-grain-bowls/spicy-avocado-lime"><div class="spicy-avocado-lime">SPICY AVOCADO & LIME&l
浏览 0提问于2016-08-04得票数 0
回答已采纳
2回答
我在使用ReactJS显示数据时遇到了问题。
我能够从API中获取数据，并遍历每个对象以显示每个“产品”。所有13 (13)个产品都显示在我的页面上，但每个项目都显示在单独的页面(总共13页)，而不是显示在1页(这有意义吗？)。如何让所有的“产品”都显示在一个页面上(在列表中)，而不是为每个产品创建一个新页面(带有页眉和页脚)？
我不确定如何更好地解释这个问题。我为我的提问方式道歉。
我的代码如下：
class Top_Sellers extends Component {
constructor(props) {
super(props);
this.state = {
浏览 0提问于2018-08-04得票数 0
回答已采纳
2回答
列表未按正确的顺序追加
、、、、
在这段代码中，我试图将基因I的基因描述附加到前50个R值中。我得到了两个列表top50和geneanno。
列表top50看起来像[0.5218951111466706, 'AHY40589']，列表geneanno看起来像['AHY39293', 'Disulfide bond formation protein DsbB\n']
下面的代码显示了如何添加列表，但我似乎无法添加与基因id相对应的正确基因描述。
r_sorted = sorted(r_value)
unsorted = []
for s in r_sorted:
if
浏览 11提问于2021-05-19得票数 0
1回答
我正试着把这段文字集中在这个div上。我使用的是react，所以类名是"className“
.cartCost {
background-color: #fffbe3;
width: 300px;
height: 40px;
font-size: 24px;
font-weight: bold;
border: 1px solid #d9d9d9;
border-radius: 2px;
margin: 8px 0 5px 0;
}
.cartType {
width: 50%;
margin: 0 auto;
}
<div cla
浏览 2提问于2020-04-20得票数 0
回答已采纳
1回答
我在我的标签中有一个上标标签，但是这个标签没有像预期的那样工作，它没有显示在潜文本的顶部或上面。 <td name="name">
<span class="container">
<a name="description">Protection</a>
</span>
<sup style="font-size:.6em">1</sup>
<div name="limit" class="ismedium"
浏览 15提问于2020-09-22得票数 0
我正面临一个奇怪的错误，正在发生在IE和Chrome。我有和应用程序加载一个矩阵的信息，但由于某些原因，在一个特定的情况下，事情没有正确显示。通过配置，我能够改变信息的显示方式，并为此使用行跨度和colspan。我不使用任何Javascript，只使用html。这张图片显示了正在发生的事情：
抱歉，还不能发照片，但这是小提琴
<table cellspacing="6" cellpadding="0" style="width:558px; background-color:red">
<tr>
&
浏览 2提问于2014-09-19得票数 0
回答已采纳
1回答
我有2个div，它们当前在屏幕上显示为弹出窗口，
<div id="div1">div1 </div>
和<div id="div2"> div2 </div>
div2目前拥有焦点，其z索引大于div1。虽然div2是焦点，但我需要按照确切的顺序执行以下操作：
使用jsp页面关闭div2加载div1 (当关闭div2时，焦点返回到div1，它应该会自动动态加载。
以下是我到目前为止所拥有的代码：
$("#div1").load("div1data.jsp", {parameter:
浏览 1提问于2013-05-11得票数 1
1回答
ShieldUI v. 1.7.36 NP
网址：
码
HTML：
<div class="about-bottom">
<div class="col-md-12 about-left">
<div id="grid"></div>
</div>
</div>
Javascript：
$(document).ready(function() {
$('#return_btn').click(function() {
浏览 1提问于2019-02-06得票数 1
回答已采纳
3回答
我有从服务器返回的包含回车(enter)的文本。我问一些人如何在多行上显示这段文字，他们建议我使用white-space: pre。
在没有white-space: pre的情况下，还有其他方法在多行上显示文本吗？或者让pre看起来像一个段落，但是没有额外的填充，但是有多个行呢？
我现在拥有的是：
.gallery-Gcontainer {
margin: 0 !important;
padding: 0;
}
#genericpartTitle,
.content {
padding-left: 20px;
}
.content .sidebar,
.content sect
浏览 4提问于2016-12-10得票数 8
回答已采纳
1回答
我使用一个名为的jQuery插件来创建一个浮动的div，但它包含在另一个div中。它似乎可以工作，但是它不会停留在包含的div中。我已经检查了脚本，但找不到我做错了什么。
以下是JS Initialize代码：
$(function() {
jQuery('.addthis').stickyfloat('update',{ duration:0});
});
这是一个显示该问题的。
HTML和CSS如下：
<div class="header"> HEADER </div>
<div class="c
浏览 2提问于2013-04-12得票数 0
回答已采纳
1回答
我创建了一个函数appendScript，它将在按钮单击事件时被调用。我的函数代码是
function appendScript() {
var v_js;
var head = document.getElementsByTagName('head')[0];
v_js = document.createElement('script');
v_js.type = 'text/javascript';
v_js.src = "/resource/1372205606000/jquery_min_j
浏览 0提问于2013-06-26得票数 0
回答已采纳
我已经创建了一个简单的MVC应用程序，它使用新项目提供的.Net成员资格提供程序。
我正在尝试让选项卡正确显示。我可能不太理解这一点，但下面是我的代码：
<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
浏览 0提问于2012-09-07得票数 13
回答已采纳
2回答
每当验证失败时，我都会尝试在登录表单下面显示div id = #valError。下面是代码。
但是，我只能在页面上永久地看到表单和id #valError的值出现和消失。我想在验证失败时永久显示它。注意：( #valError div和form id=#userForm都在#userFormDiv下)。
此外，当验证成功并显示json响应数据时，我将删除#userFormDiv。
金迪帮帮我。此外，如果这是正确的方法，请建议我。
$.ajax({
url : "/RestTest/rest/getJson",
type : &#
浏览 1提问于2014-02-03得票数 0
3回答
我有一个Bootstrap 3网格系统为3-6-3。中间的6进一步细分为6- 6，这就是我的数据显示的位置。我现在有两个网格显示我的数据，但不是预期的那样。右侧的div内容按预期显示，但左侧的内容相对于右侧的内容显示。我希望他们显示和紧密堆叠，因为它可以在www.pinterest.com中获得。下面的图片是6个网格，进一步细分为6-6个网格。
<div class="container col-xs-offset-0 col-lg-offset-1">
<div class = "rows">
<di
浏览 6提问于2013-12-26得票数 0
我想在Xpages中做一个旋转木马，从笔记视图中获取图片和标题文本。
在我的测试数据库中，我只有2张图片和相应的文本。
carrousel以项目开始:活动图片和文本。
然后它开始循环；显示视图的第二张图片和相应的文本，然后旋转木马消失，然后返回并显示视图的第一张图片，然后显示视图的第二张图片并停止，我希望它循环结束，出什么问题了？
<div id="this-carousel-id" class="carousel slide"><!-- class of slide for animation -->
&
浏览 0提问于2014-04-10得票数 0
1回答
窗体未按预期显示
、、
我正在处理一个有5个输入字段和一个submit按钮的表单，它将显示为带有表单字段的两行三列。I获取输出，如前两个输入字段在第一行中正确显示，但其他三个元素被破坏。
My code:
<div id="form_div">
<form id="fm_form">
<label>
Date1<br />
<input id="nn" name="dd" type="text" />
</label>
<l
浏览 2提问于2015-04-09得票数 0
回答已采纳
2回答
AJAX响应未按预期追加类
、、、、
我是在社交网站上工作，每个用户都可以张贴，每一篇文章都可以评论。当第一次加载页面时，每个帖子都会显示两个注释，其余的将被隐藏。当单击Load more按钮时，隐藏的按钮就会被显示出来。每个注释都有一个类.per_comment，但是通过AJAX返回的注释被包装在一个类.per_comment中，现在每个类都有另一个类.per_comment。如果我使用类`.per_comment对每个注释应用一个单击事件，默认情况下显示的前两个可以正常工作，但是通过AJAX返回的注释作为一个类工作，因为它们都在一个类中。
HTML:
<div class = 'rows'>
浏览 1提问于2013-12-30得票数 0
1回答
引导程序未按预期运行
、、、、
问题已解决：
该问题与脚本调用js的路径有关。原始脚本：
````<script src="js/app.js" charset="utf-8"></script>````
Working script:
```javascript
<script src="/js/app.js" charset="utf-8"></script>
一开始的/ missing是在最初加载的页面上工作的，当你更深入到站点时，它会被抛出。
我正在使用bootstrap accordion和卡片来向用户
浏览 2提问于2019-09-13得票数 1
2回答
我正在开发一个网站，我发现IE上的新内容不能正确显示，所以我想用其他与IE兼容的内容替换它们。
这就是我正在使用的：
<!--[if !IE]> -->
<div id="container">
This is not IE, you are seeing the normal content
</div>
<!-- <![endif]-->
<!--[if IE]>
<div id="container">
This i
浏览 0提问于2013-04-22得票数 0
1回答
我想创建一个包含一些数据的div。如下图所示：
我已经使用了html，如下所示：
<div class="mydiv">
<span>Major</span><br>
<span>Minor</span>
<span style="float: right; margin-right:5%" id="span_store">
<img src="edit.png">
浏览 2提问于2013-04-11得票数 1
背景: React版本: 16.13.1浏览器: Chrome版本- 81.0.4044.122 尽管在下面的代码片段中使用了ErrorBoundary，但它在浏览器中抛出了一个错误。已处理的错误显示几毫秒，然后在浏览器中显示实际的错误。有人能帮我解决这个问题吗？ 下面是完整的代码片段： class CustomErrorBoundary extends Component {
constructor(props) {
super(props);
this.state = { error: null, errorInfo: null };
}
c
浏览 36提问于2020-04-22得票数 1
2回答
我正在尝试学习在angular中的路由，但我在显示适当的文本时遇到了一些问题。当我运行我的页面时，似乎一切都运行正常，但是，当我点击链接时，视图并没有从main.html变为second.html。
下面是我的一些代码片段。
<html ng-app="myApp">
<!-- load angular via CDN -->
<script src="https://code.angularjs.org/1.6.1/angular.min.js"></script>
<script
浏览 23提问于2017-01-17得票数 0
3回答
我从服务器获取数据，数据很好地显示在但分页器不工作，尽管它只是显示。
分页器正在显示网页，但它不是作为“下一步”按钮工作，而是转到“页面”等。
<div class="container">
<div class="row">
<div class="col my-3">
<div class="mat-elevation-z8">
<app-message></app-message>
<tab
浏览 4提问于2020-04-19得票数 1
回答已采纳
2回答
这就像有一个加载div，我想显示，如果两个API调用还没有准备好的结果。
这样，结果就不会突然跳入视图，导致其闪烁。
我的观点是这样的：
<div ng-show="vm.loading" class="table-overlay table-overlay-loading">
<div class="table-overlay-content">
<div class="table-overlay-message">Loading…</div
浏览 0提问于2017-02-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
