如何停止我的内部div浮动在另一个之上？
要停止一个内部div浮动在另一个之上，可以使用CSS的clear属性来实现。
clear属性用于指定一个元素是否允许其他元素浮动到它的旁边。通过设置clear属性为left、right、both或none，可以控制元素的浮动行为。
在这种情况下，如果希望停止内部div浮动在另一个之上，可以在另一个div的样式中添加clear属性。例如，如果希望停止内部div浮动在父div之上，可以在父div的样式中添加clear属性，如下所示：
.parent-div {
clear: both;
}这样设置后，父div将会清除浮动，使得内部div不再浮动在其上方。
推荐的腾讯云相关产品：腾讯云云服务器（CVM） 腾讯云云服务器（CVM）是一种可随时扩展的云计算服务，提供高性能、可靠稳定的云服务器实例。您可以根据业务需求选择不同配置的云服务器，并通过腾讯云控制台进行管理和操作。
产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
3回答
左上角的货币区域(#currencySelect)在向左浮动时停止下降，就像现在一样。-
相关HTML：
<div id="currencySelect" />
<header id="top" class="clearfix" />
相关CSS：
#currencySelect {
float: left;
}
#top {
position: relative;
z-index: 100;
}
当我移除浮点数时，下拉函数再次出现。
关于如何将其定位于当前位置，但是否具有功能，有任何提示吗？
浏览 6提问于2014-06-05得票数 0
回答已采纳
我有这个：
+--LEFTFLOATEDDIV1-+ +--LEFTFLOATEDDIV2-+ <--- screen edge
| min-width:400px | | |
| width:50% | | |
+------------------+ +------------------+
缩小浏览器窗口会使div1缩小，然后在400px时停止，这是理所应当的。然而，当进一步缩小时，div2会继续向左移动，覆盖div1。我如何防止这种情况发生？当div1停止收缩时，我希望div2停止移动。多么?
浏览 0提问于2011-04-14得票数 0
回答已采纳
我在一个包含元素中有两个元素。容器的宽度为960px，两边各有10px的填充。我有两个相邻的浮动元素。第一个元素将包含未知数量的文本，另一个元素将需要调整以填充容器的其余宽度。
例如：
<div id="container">
<div id="item1">Unknown size</div><div id="item2">fill in width of left over</div>
</div>
编辑->
更多信息：
我的第一个元素将包含未知数量的文本
浏览 3提问于2011-10-23得票数 0
3回答
我希望有几个div堆栈在彼此之上(我有)，但也有另一个div在另一组div的右侧。现在，所有的东西都是堆叠在一起的，即使是BeliefDescription div，它也需要放在其他人的右边。谢谢你的帮助。
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<div id="Cat">
<div id="God" class="BeliefCat"&
浏览 0提问于2014-09-04得票数 0
回答已采纳
我知道float部分地将元素从正常的流中取出。令我惊讶的是，我观察到浮动div的下一个div也占用了浮动div的空间。示例：
.header {
float: left;
height: 100px;
width: 100%;
background: green;
padding: 10px;
background-clip: content-box;
}
.footer {
background: yellow;
border: 1px dotted red;
padding: 10px;
}
<script src="https://
浏览 2提问于2017-05-24得票数 4
1回答
学习CSS的基本知识，并在做布局与浮动。我知道CSS网格和Flexbox是最好的实践，我打算学习它们，但是在我继续前进之前，我想了解浮点的基本知识。
body {
margin: 0px;
padding: 0px;
}
.wrapper {
width: 600px;
padding-left: 200px;
padding-right: 200px;
overflow: hidden;
}
.col-main {
float: left;
width: 100%;
}
.col-left {
position: relative;
floa
浏览 4提问于2022-04-10得票数 0
1回答
我试着把产品的清单放在单独的桌子上，然后把它们并排放在一起展示。
最初，这些表像这样堆叠在一起，适合于巨型加速器的设计：
我希望它们像这样并排叠在一起：
然而，当我这样做的时候，事情会变得有点混乱，桌子也不会停留在巨型加速器的设计中。
这是我的代码：
HTML：
td {
text-align: center;
vertical-align: central;
padding: 5px;
}
.products {
float: left;
}
<?php // Run a select query to get my latest 6 items // Conn
浏览 4提问于2015-09-08得票数 0
回答已采纳
我希望您能告诉我如何将这两个div (或span)放入另一个div中。我需要内部两个div的大小是较大容器的某个百分比。它们还需要彼此相邻。我在web和stackoverflow上尝试了很多不同的解决方案，但似乎仍然不能让它工作。有人能帮上忙吗？下面是代码片段，我还包含了一个小提琴，以便您可以更好地了解。
body {
background-color:#f2f2f2;
}
#content {
border:solid;
height:500px;
width:500px;
}
.results {
width:50%;
height:70%;
浏览 0提问于2013-07-15得票数 0
我总是访问Stackoverflow寻找答案(很棒的资源)，但这是我的第一个问题。
我有两个div，我需要在另一个上面渲染一个。应该是非常简单的，我已经做过很多次了。我的问题是它呈现的是相反的效果。我得到的不是: div1 div2 : div2 div1
几个小时以来我一直在拔头发。Div1是一个jQuery跳转菜单Div2是一个jQuery折叠列表。我通过show/hide方法显示它们：
$("a[id='faq_link']").click(function(){
$("div[id='agent-buyno
浏览 0提问于2013-04-27得票数 0
回答已采纳
我有一个标题div，在页面顶部的固定位置。
在它里面有一些向左浮动的div和一些向右浮动的div，都有链接。我有另一个div，我希望它在页面上居中，垂直放置在它们之间。
图表：
DivA DivB PageCenteredDiv DivC DivD DivE
我让页面居中的div工作得很好：
width: 100%;
text-align: center;
position: fixed;
top: 0;
left: 0;
但是，无论我如何处理任何div上的z-index，浮动div中的链接都位于居中div的下方，无法单击。
有
浏览 0提问于2011-11-11得票数 1
回答已采纳
我已经使我的网站在静态html，css和它的工作很好。我已经在Ie7，火狐，chrome和thing上测试过了。
有时文本与其他div重叠。我不知道这意味着什么。如果我刷新，它是工作，但有时它会发生
是Chrome中的这个bug还是我在代码中做错了什么？我只是偶尔发现它，并感到惊讶，因为它是简单的html文件。
这是代码
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider
浏览 0提问于2012-07-20得票数 1
回答已采纳
2回答
Context:这是我正在处理的一个wordpress主题的输出html。
布局看起来一切正常，直到我检查了<div id="foot">(页脚)，我意识到它的高度就是整个页面，我原以为它就是它内容的大小。
请查看 ()。
尝试调试这个问题时，我意识到如果我删除div的内容或删除div，它会破坏设计的其余部分，这是为什么？
请查看 ()。
我期望页脚(<div id="foot">)是其内容的高度，如果我在#foot之后添加另一个div，这似乎可以很好地工作
请查看 ()。
我不确定为什么删除#foot会扰乱其他内容，我也不确定为什么要用
浏览 0提问于2012-11-13得票数 0
回答已采纳
4回答
这基本上是站点的
带有<div id="big-post"></div>元素的底柱漂浮在左侧，
并且带有<aside id="tab-lists"></aside>元素的侧边栏被放在右边，
但当我在第一个元素之后添加另一个(或更多) <div id="big-post">元素时，它会将整个侧边栏与帖子一起下移……我试过清理，但没有任何帮助……我很确定解决方案很简单，有人能帮我吗？
浏览 0提问于2012-08-27得票数 0
我有一个名为float: right的div，它在父div中。在同一个父目录中也有p元素，并且文本正确地环绕float: right目录。
但是，如果我将p元素设置为具有边框，或者执行<hr />，则边框不会在文本停止的地方停止，而是延伸到float: right div后面。
以下是对这种情况的一个漂亮的生动描述：
请注意，黑色水平线的绿色部分位于浮动div后面。
如何让边框或<hr />或其他任何东西只和文本一样宽，而不是放在div后面？
浏览 0提问于2011-04-27得票数 14
回答已采纳
3回答
在我正在创建的网页上，我有一个带有背景图像的div。我将一些文本覆盖在我将经常更改的图像上，这就是为什么我使用背景图像和真实文本，而不是包含文本的img标记。
背景图像包含一些可单击的区域，因此我需要一个图像映射。
我认为最好的方法是用一个透明的图像覆盖另一个div，并有一个对应于背景区域可点击区域的透明图像的图像映射。
我是在正确的轨道上，还是有更好的方法？
浏览 1提问于2009-11-13得票数 6
我有一个背景颜色为绿色的容器。在绿色<div>中，我有一个<div>，它是黑色的，样式是一个盒子(50 Px50 is )--这个<div>是向左浮动的。
现在，如果我在灰色<p>之后添加一个<div>到标记中，我希望它会在灰色<div>周围浮动。而且确实如此。但是，当我取代
对于另一个被设计为box (设置高度和宽度)的<div>，它不再浮动，而是消失在浮动div后面。
即使我有正确的第一段浮动，然后我添加div (方框)，段落停止浮动，并出现在另一行。
HTML:
<div id="green
浏览 2提问于2012-11-23得票数 3
回答已采纳
2回答
我有两个div div.home-top和另外两个div div#home-content，分别是float:left和div#home-buttons。
在div#home-top下面，div#home-footer的名称是clear:both
我的div#home-top是最小尺寸。我把它涂成红色，但我看不见它。如何让div#home-top承担高度跳跃的孩子。对代码执行命令。
浏览 0提问于2011-06-14得票数 3
回答已采纳
div#inner1和div#inner2在div#outer内部，但div#outer的高度在height:auto中仍显示为0px。
如何获得外部div的子元素的高度？
这是我的代码：
#outer {
width: 300px;
height: auto;
background: #ccc;
}
#inner1 {
float: left;
width: 100px;
height: 100px;
background: #f00;
}
#inner2 {
float: left;
width: 100px;
height: 100px;
浏览 0提问于2013-10-19得票数 13
回答已采纳
2回答
我对IE7有一个小的渲染问题(和往常一样)。假设有一个日历控件，如下所示：
<div class="calPager">
<input type="submit" name="prev" value="Prev" class="pagerPrev" />
<input type="submit" name="prev" value="Next" class="pagerNext" />
Aug
浏览 6提问于2009-08-19得票数 0
回答已采纳
我有一个滑块，它的div包含了上一个，开始/停止滑动，下一个控件。
我将"text-align“分别设置为向左、居中和向右，并显示为"inline”。现在，我不知道如何填充整个宽度。
下面是标记：
<div id="external_promo_controls">
<div id="promo_previous"></div>
<div id="promo_auto_controls"></div>
<div id="promo_next
浏览 3提问于2012-08-27得票数 0
回答已采纳
刚刚在堆栈溢出上看到了一个。
请考虑下面的标记
<div id="box_wrap">
<div id="box1">
<h2>Box1 text</h2>
<p>Lorem Ipsum</p>
</div>
<div id="box2">
<h2>Box2 text</h2>
<p>Lorem Ipsum</p>
浏览 4提问于2013-04-14得票数 1
回答已采纳
3回答
我有一个在容器div中水平居中的内部div，我需要在该容器中添加另一个div，在居中的div的右侧？如何才能在不干扰居中div的位置的情况下做到这一点(即它应该仍然在容器中居中，而不是在容器的左边缘和另一个div的左边缘之间？
<div id="container">
<div id="inner"></div>
<div id="right"></div>
</div>
div#container {
width: 960px;
}
div#inn
浏览 1提问于2010-12-01得票数 0
2回答
我想有一个CSS样式与位置属性的div为固定。这个特殊的div放在另一个带有一些文本的div中。但是带有CSS位置proverty的div超过了文本的顶部。所以文本被隐藏在那个div下面。我需要将文本div和图像div彼此对齐。因此，文本在图像周围移动，图像下不会隐藏任何内容。
<html>
<head>
<style type="text/css">
.newspaper
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* S
浏览 1提问于2011-03-14得票数 4
我有3个div，如下图所示：
其中两个div具有相同的宽度和高度，最后一个(红色div)应该放在外面，但不是全部，只有一部分(10%)我尝试过margin-left: -10px;，但它不起作用。
谢谢。
浏览 0提问于2011-09-26得票数 1
回答已采纳
我正在努力做到这一点(巴布亚新几内亚模型)：
通过尝试这个()：
HTML:
<div class="container">
<div class="traintext">The East London Line part of the London Overground line that runs north to south through the East End, Docklands and South areas of London.</div>
<div class="trai
浏览 3提问于2014-01-22得票数 1
回答已采纳
1回答
我在表单中有一个div，我想把div放在表单的右侧，div必须用按钮固定在右边。我不知道是否能做到，但我如何才能做到这一点。
<form class="form-horizontal" method="post">
<div class="form-group">
<label for="name" class="col-lg-1 control-label"> Name</label>
<div class="col-l
浏览 4提问于2017-11-16得票数 0
回答已采纳
我似乎对css "clear“关键字的含义感到困惑。
我有许多div元素，都带有"float:left“。倒数第二个div元素也有"clear:right“。我认为这会导致后续元素转到下一行。但对我来说，它不是。
下面是我的例子：
<div class="Section">
<div class="Thumbnail"></div>
<div class="Number">0</div>
<div class="Title&#
浏览 0提问于2012-04-11得票数 8
回答已采纳
<html>
<head>
<style type="text/css">
div, p {border: 1px dashed;}
</style>
</head>
<body>
<!-- Why must the text that's intended to be right-justified *PRECEED*
the text that is to be left-justified? It "feels" like the synt
浏览 1提问于2011-09-07得票数 0
2回答
下面有一个屏幕截图，显示考试信息、计时器和一些问题：
现在的问题是，我希望在考试细节下面显示问题细节，而不是接下来。我的问题是，如何才能让问题显示在下面？我也想要对方下面的问题
HTML/：
//EXAM DETAILS
<div class='lt-container'>
<p><input type='hidden' id='studentId' name='studentId' value='<?php echo $dbStudentId; ?>'
浏览 0提问于2013-02-07得票数 0
回答已采纳
1回答
最初，我想知道为什么span元素会呈现“稍后在DOM定义的”元素。但通过进一步的实验，我能够将其隔离为“内联元素(和文本节点)在块元素上呈现”。
为什么会发生这种情况？-为什么内联元素在块元素上呈现，即使它们在dom中更早(出现的顺序)？
这是我的实验，那些跨度有脂肪填充占据更多的空间。
/* code originally from https://codepen.io/philipwalton/pen/AeNzWJ */
/* stacking context explaiend here https://philipwalton.com/articles/what-no-one-t
浏览 4提问于2022-06-21得票数 0
回答已采纳
<div id="content">
<div class="container">
<!--start side column-->
<div class="side-col">
<div class="searchmodule-header-container">
</div>
<div class="searchmodule-header-container">
<div
浏览 0提问于2010-09-01得票数 2
回答已采纳
3回答
我有以下代码(从我的源码中简化)：
<div class="container">
<div class="body">
<div class="mainstuff">...</div>
<div class="secondarystuff">...</div>
</div>
<div class="footer">...</div>
</div&
浏览 2提问于2011-05-12得票数 0
我在parent DIV里面有一个parent div，我有两个DIV，一个在左边，第二个在右边，我想在parent DIV里面写任何内容，当我在left或right DIV标签中写入任何内容时，parent DIV会根据left或right DIV标签的高度自动调整。
如何编写.css文件来执行此操作？
主DIV不会根据设计视图中的子div进行调整：
请检查我的代码：
<div style="padding: 8px; overflow: hidden; background-color: #FFFFFF;">
<div style ="fl
浏览 2提问于2012-04-11得票数 6
回答已采纳
因此，我在包含多个span标记的p标记上使用-webkit-column-count。每个跨度包含一个字母。
在span标记之间，还有一个可拖动的span，这样用户就可以将它拖放到他想要的任何地方。
当用户将其放在p标记的边缘时，问题就开始了。
当发生这种情况时，图像就会从帧中剪切出来。
不知道为什么..。
我看到的一件事是，当我从可拖动的跨度中移除z索引时，它突然工作得很好，但第二个可拖动的跨度脱离了它的位置。
请看的示例
这是我的HTML代码：
<div>
<p class="two_columns">
<span class="ui-
浏览 0提问于2013-11-11得票数 0
1回答
如何在btn-toolbar div内水平地居中引导3 col-lg按钮？
<div class="col-lg-6 col-sm-3 noleftpad">
<div class="well topnestedbut">
<div class="btn-toolbar nested-top">
<button type="button" class="btn btn-defaul
浏览 7提问于2014-04-11得票数 0
回答已采纳
我正在试图找出一种方法，将多个视图浮动到另一个视图上，可能是ListView，也可能是GridLayout。几乎所有的问题都是用FrameLayout来回答的，不幸的是，这不起作用，因为它是用来浮动单个视图的，所以这就排除了问题。我正在考虑使用RelativeLayout，但我在想如何让它与之配合工作时遇到了麻烦。有没有人能想出一种方法来做到这一点？任何建议都将不胜感激！
浏览 3提问于2012-08-14得票数 1
2回答
我试图在一个区域内放置一个div，并保持它垂直中心，然后它有两个跨度，一个向左浮动，另一个在右边。但我似乎不能让这两件事同时进行。我这样做是有反应的，但我不认为这会有什么不同，但我把它包括进来解释语法。
我第一个想到的是：
<ResultsHeader>
<span style={{ float: 'left'}}>Results</span>
<span style={{ float: 'right' }}{props.results.length} items found</span>
&
浏览 2提问于2019-10-31得票数 1
回答已采纳
我有一个这样的规则：
body{border:1px solid gray;}
#middle{
float:left;
margin-left:3%;
margin-top:20px;
width:41%;
border-top:solid #aaaaaa 1px;
}
.message-content{
padding:0 10px 0 10px;
float:left;
}
我的HTML是这样的：
<html>
<body>
<div id="middle">
<div class="message-content
浏览 0提问于2012-04-07得票数 0
我有一个DIV容器，里面有几个DIV，把它们都放在左边。在某些事件上，内部DIV可能会改变宽度，并且包含的DIV会相应地进行调整。我在容器中使用了float:left来保持它缩小到内部div的宽度。我在内部div中使用了float:left，所以即使它们的内容发生变化，布局也是干净的。
问题是，我希望DIV容器的宽度和高度保持不变，除非某个特定事件导致内部宽度发生变化。从概念上讲，我想在内部使用float来获得布局的好处，但是我想“修复”它们，这样它们就不会到处浮动。因此，如果容器的宽度是700px，那么即使用户缩小了浏览器窗口，我也希望它保持不变。我喜欢容器，它的内部DIVs只能被浏览器窗口
浏览 3提问于2010-04-10得票数 1
回答已采纳
我有四个带有float:left的嵌套div元素，第四个元素封装在第一个元素下面，原因是容器的长度。
.container {
width: 320px;
height: 110px;
overflow-x:scroll;
border: 1px solid blue;
}
.nested {
width: 80px;
height: 80px;
background: red;
float:left;
margin:5px;
}
<div class='container'>
浏览 1提问于2014-07-31得票数 0
回答已采纳
3回答
我想在我的页面顶部向右浮动一个div。它包含一个50px的正方形图像，但目前它会影响页面顶部50px的布局。
目前its：
<div style="float: right;">
...
</div>
我尝试了z-index，因为我认为这将是答案，但我不能让它运行。
我知道我遗漏了一些简单的东西，但我似乎就是做不到。
浏览 0提问于2008-11-21得票数 29
回答已采纳
我有下面的HTML结构
<div style="position:relative; width:500px; top:50px; letter-spacing:3px; width:650px; margin:auto; font-size:16px;">
<span id ='Alist' style='cursor:pointer;'>A</span>
<span id ='Blist' style='cursor:pointer;'>B</span>
浏览 3提问于2015-03-08得票数 0
回答已采纳
2回答
我在一个div中有3个<span>元素，这些元素显然是按照它们的顺序排列的。最后两件应该在右边。所以，我做了一个float: right，但他们被卷入了秩序。“前方”应该在右边。
<div class="caseTitle">
<span class="caseNumber">Case</span>
<span class="caseBack">Back</span>
<span class="caseForward">Fo
浏览 6提问于2013-12-31得票数 0
回答已采纳
如何制作浮泡，就像复制泡泡应用一样？它在每个android应用程序之上浮动，当被剪裁时显示另一个视图。就像那个橙色的泡泡
浏览 4提问于2014-11-29得票数 0
回答已采纳
4回答
当我调整浏览器窗口的大小时，我的导航栏div会掉到搜索框div的下方。如何停止移动导航栏并使其保持在同一位置？页脚本身的行为和它的结构是一样的吗？
这里有个链接..。
谢谢!
浏览 0提问于2012-08-31得票数 2
2回答
我正在尝试创建一个使用CSS的网页(表较少)，但我的主要内容区域没有扩展的内容，请检查我的html和css代码，并给我一个解决方案，谢谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-eq
浏览 1提问于2010-10-14得票数 7
回答已采纳
我在我的应用程序上有一个背景图像，我希望我的列表视图以一个窗口的形式覆盖背景图像。有点像这张图片中有一个白色过滤器的表单：
我目前有一个在xml中定义的listview，它包含：
android:layout_width="fill_parent"
android:layout_height="fill_parent"
以半透明的颜色作为背景。这很棒，但是它占据了整个屏幕，因为它填充了父级宽度和高度。怎样才能使它比父母的尺寸稍微小一点，这样就可以说，(fill_parent -一些相对值)的高度和宽度？
浏览 5提问于2013-09-15得票数 0
回答已采纳
2回答
我是css样式的新手，我需要在布局中放置DIVs的帮助。如果在页面底部声明了DIV标记，则当浏览器宽度减小时(以模拟移动电话中的情况)，我要求此DIV显示在顶部。我知道这可以通过分配一个负值来实现，但是没有更好的方法来做到这一点吗？
请查看，请注意，当浏览器宽度减小时，右侧列中的内容显示在主要内容之前。我无法通过firebug找到解决方案。
谢谢。
浏览 1提问于2013-08-13得票数 0
我已经创建了一个具有一个图像的选框。我想要一个以上的图像在这应该滚动一个接一个。在我的代码中，它们就像一个在另一个之上，它们应该在一个div中。我希望这些图像滚动流畅，而在字幕中，他们正在滚动，像停止和滚动在某个时候。
浏览 2提问于2013-09-09得票数 0
1回答
我意识到这可能是另一个新手的问题，但我尝试了不同的东西，但无法使这个工作。我基本上是在建立一个团队页面，在那里我想有一个图片在左侧和一些文本在右侧为每个团队成员。名字下面是标题，下面(标题和段落之间)是一堆电子邮件、LinkedIn和Twitter的徽章链接。为了使徽章在标题下面完全对齐，我用了一张桌子。我想重复为每个团队成员设置，并让他们堆叠在一起。我现在在html中为一个人(正确地显示)所拥有的内容：
<div class="left">
<img src="url"/>
</div>
<div class=
浏览 2提问于2014-05-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
