向左浮动，然后清除向左是什么意思。或者向左浮动，然后向右清除？有人能帮我理解这一点吗？我不是一个CSS的家伙，但需要了解一些我正在使用的CSS。
#elem1{
float:left;
clear:left;
}
#elem2{
float:left;
clear:right;
}
浏览 2提问于2010-11-17得票数 2
回答已采纳
3回答
早些时候，我正在复习我的CSS技巧，我遇到了一个教程，它让我秃头了。这里有一个链接：，我花了几个小时研究这个问题的答案，但没有发现任何对我有帮助的东西。
本教程的作者并没有给出任何关于元素的详细信息。我理解浮动将一个元素从页面中移出并以给定的方向(左/右)浮动它。清除重置浮动元素并将其放回页面流中。
如果右侧已被清除，这些元素如何仍然向右飘移？我不明白这背后的逻辑。任何关于这一点的澄清都将是非常感谢的，也许我可以保留我的一些头发。
编辑:这里是CSS代码和上面链接的教程中的屏幕截图.
.floatright {
float: right;
margin: 0 0 10px 10
浏览 4提问于2012-07-26得票数 5
回答已采纳
2回答
我用960网格系统构建了一个模型，在.clearfix上遇到了一个问题。我不喜欢在我的代码中使用额外的div来清晰地触发，并且在所有围绕.clearfix的文档中似乎都是作为解决方案出现的。960gs还附带了自己的clearfix类，所以我的期望是它应该可以工作。但是，当我应用标记时，什么也不会发生。空div中的clear类可以工作。当元素上的clearfix类失败时，我想强制执行一次清除操作。考虑到有那么多关于clearfix的东西，它一定是我忽略了的。
以下是源代码：
<html>
<head>
<title></title>
<lin
浏览 3提问于2011-11-20得票数 0
回答已采纳
1回答
我在Internet.It上看到了下面的代码，但是我没有得到它的jist，也就是它是如何工作的？当最后添加两个属性的虚拟div时，所有div框都会进入容器div，否则它们不会出现在container.Another之外，我自己得到的是，当clear设置为left时，它仍然工作正常。
<div id="main_container">
<p>Some content.</p>
<div class="floated_box"></div>
<div class="floated_bo
浏览 2提问于2014-10-19得票数 0
回答已采纳
1回答
我的网站有问题。我根据JSON文件向页面添加了可变数量的元素。如果有太多，背景色就会停止。然而，问题似乎只发生在Firefox和Edge中。Chrome看起来很好。
这是我的布局的一般CSS代码：
body{
font-family: 'Roboto', sans-serif;
display: grid;
grid-template-rows: 1fr 20px;
grid-template-columns: 13% 87%;
h
浏览 1提问于2017-12-07得票数 0
回答已采纳
我已经在我的响应式主题中添加了"clear:both;“css命令，但是它不起作用，元素围绕着我的块。这是我的代码块的HTML：
<div id="block-views-categories-normal-view-block-1" class="block block--views contextual-links-region block--views-categories-normal-view-block-1">
<div class="contextual-links-wrapper contextual-l
浏览 3提问于2015-05-22得票数 0
3回答
我的mainContainer高度跟不上他们的孩子的宽度 这是我的代码，你有什么建议，请指教。 我需要的CSS解决方案，而不是JavaScript，所以提前感谢 <div id="mainContainer">
<div id="leftContent">
</div>
<div id="rightContent">
</div>
</div> 这是我的css #mainContainer{
width: 1000px;
浏览 1提问于2013-05-11得票数 29
回答已采纳
我有以下示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Example Website</title>
<link rel="stylesheet" type="css" href="style.css">
</head>
<body>
<div class="left_nav">1 2 3</div>
<div class="body_mai
浏览 0提问于2013-03-08得票数 0
1回答
假设我有以下标记：
<div class="right">Box right 1</div>
<div class="right">Box right 2</div>
<div class="left">Box left</div>
<p>... long text ...</p>
和下列CSS：
.right { float:right; clear: right; }
.left { float:left; clear: left; }
div
浏览 1提问于2014-04-11得票数 1
回答已采纳
2回答
我相信这将是非常基本的，但我对编码还很陌生，而且我还在学习。我有以下div：
<div class="wrapper">
<div class="panel-panel panel-col-left">
<div class="inside"><?php print $content['top_left']; ?></div>
</div>
<div class="panel-panel panel-col-middle"&
浏览 2提问于2014-05-05得票数 1
回答已采纳
我总是对CSS中的clear: left、clear: right和clear: both感到困惑。我知道clear: both意味着它不允许浮动元素在自身的两边。
我做了一些测试。我认为布局应该如下所示，因为B使用clear: both。但事实并非如此有人能告诉我原因吗？
一个
B
光盘
更新的(发布代码)
<div class="container">
<div class="A">a</div>
<div class="B">b</div>
<div
浏览 2提问于2013-04-18得票数 19
回答已采纳
1回答
车身和分区高度/溢流问题
、、、、
我正在做一个使用Vue.js 2.0框架和一些引导3的项目。这个项目要求我做更多的前端工作，所以我想知道这里是否有人能给我一些有用的洞察力，看看我似乎有一些问题。
这个项目可以在这里找到：
如果您对源代码进行快速检查，您可能会注意到body元素仅为导航条的高度，而用于我的各种‘页面’的容器div实际上完全不在父body元素之外。
我想知道的主要事情是：
我如何通过CSS强制身体达到100%的高度，以便正确地包装它的子元素，然后我可以在HTML中添加一个脚注。
请注意，我已经尝试过：
html,
body {
margin: 0;
height: 100%;
}
但是，如
浏览 6提问于2016-10-26得票数 0
2回答
我有一些可点击的链接，它运行得很好。但是如果我将css应用到另一个部分，那么这些链接。下面是CSS：
.strong-view .wpmslider-wrapper {
position: relative;
}
此css仅适用于.strong-view类。但是另一个部分的链接不起作用。这里是实时链接：这里的“阅读更多”按钮下的“最新新闻”不起作用。如果我只是移除
.strong-view .wpmslider-wrapper {
position: relative;
}
效果很好。
真奇怪！出了什么问题？提前谢谢。
浏览 4提问于2017-05-22得票数 0
回答已采纳
我有以下HTML代码：
<ul class="blogEntry">
<li class="title section">
<span><asp:Literal ID="litTitle" runat="server" /></span>
<span class="date"><asp:Literal ID="litDate" runat="server" Text=
浏览 0提问于2009-07-23得票数 1
回答已采纳
如果我去掉"menu“div代码，下面的代码会呈现不同的布局:在Firefox 3.6.13和IE 8.0中，左边的文本框在左边显示更多内容。
<div id="whole" style="width:800px;">
<div id="menu" style="display:inline; width:800px;">
<select name="select" id="c" style="display:inline; fl
浏览 1提问于2011-02-27得票数 1
回答已采纳
我有一个有3个元素的页面，第一个和第二个元素相邻浮动，但第三个没有浮动，宽度为80%。出于某种原因，它会随它们一起上升，即使我添加了float:none;
下面是我的代码：
<div class="elem1">
</div>
<div class="elem2">
</div>
<div class="elem3">
</div>
CSS：
.elem1{
width:40%;
height:200px;
float:left;
background:
浏览 0提问于2017-10-25得票数 1
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSS Template</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
body {
font-famil
浏览 23提问于2020-05-10得票数 0
回答已采纳
这看起来非常简单，但我不知道为什么不能将div标记放在容器div标记中，因为它不会正确地显示在Firefox或Chrome中，但是它在IE6中工作.？守则如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
&
浏览 11提问于2011-09-15得票数 3
回答已采纳
1回答
我的选项卡菜单退出页面宽度
、、、、
因此，我正在编辑CSS，选项卡菜单有一个空白: nowrap属性，这意味着它不会重叠，但最终会退出页面。即使使用!important和hierarchy CSS，设置选项卡菜单本身的宽度也没有任何作用。
看起来像这样
当我使用空格: pre或任何其他空格时，它们都会重叠。
浏览 4提问于2011-09-27得票数 0
4回答
我有下面的HTML，我想在按钮和文本后面显示一个蓝色背景。不幸的是，使用下面的代码，蓝色背景消失了。如果我去掉I按钮和文本的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>
浏览 0提问于2009-03-12得票数 10
回答已采纳
我在很多地方遇到过<div class="clear"></div>，但我不知道为什么要这样做？有人能向我简要介绍一下吗?为什么在css中使用它？这是CSS：
div.clear {
clear:both;
}
浏览 2提问于2012-04-17得票数 13
回答已采纳
2回答
解决办法已经找到。代码在下面。感谢所有帮助我的人。
解决方案是清除浮点数，下面的代码为我修复了它。
.div#content:after {
content:"";
display:table;
clear:both;
}
再次感谢。
原始问题
我有两个Divs，一个是“内容”，我的网站的所有内容都在其中。还有另一个名为“更新”的div。我想要的div“内容”调整其高度，以便所有的div在它和适合。下面是一张解释我的问题更容易的的图片
以下是我的完整源代码(html) (以及内容div和更新div的css )。
<html>
<head>
浏览 0提问于2014-12-16得票数 2
回答已采纳
3回答
我想把一些文本放在右边的蓝丝带，以便它将在同一条线上已经存在的元素。我尝试这样做的所有尝试都会导致下一行出现文本。
你能推荐些什么？
这是代码：()
<div id='ribbon'>
<ul id='topMenu'>
<li>Thing one</li>
<li>Thing two</li>
<li>Thing three</li>
</ul>
</div>
CSS
#top
浏览 3提问于2013-08-14得票数 0
回答已采纳
我有一个div (maincontent)，它在另一个div (容器)中。这些div位于aspx页面中，我在insider div(主要内容)中有许多asp.net控件。但有趣的是，这个网站看起来像这样；
白色部分(主要内容)应根据内部元素调整大小。但是它的高度显示为0px。
这是主要内容和容器的css；
#container
{
background: #FFF;
width: 1000px;
height:auto;
margin-right: auto;
margin-left: auto;
border-right: 2px solid #B0AA94;
border-le
浏览 1提问于2012-05-22得票数 2
回答已采纳
这很简单。
我有以下HTML结构：
<ul id="myContactList">
<li>
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
</ul>
</li>
...
</u
浏览 2提问于2013-04-09得票数 0
回答已采纳
1回答
我有问题，通过设置“导航栏”的背景色。一切都很好，但后来我又添加了这些行--它开始不能正常工作了：
.pull-left {
float: left;
}
.pull-right {
float: right;
}
即使如此，我还是设置了背景色，它不起作用。你可以看到下面。我把背景颜色设置为黑色，但它仍然是白色的。我不明白为什么。
#nav {
background-color: #222;
}
这是我所有的HTML代码：
<html>
<head>
<title>Fero Estetra</title
浏览 2提问于2014-10-29得票数 1
回答已采纳
我需要把我的页脚向下到页面的底部，不管它上面的页面有多少内容。所以我在网上做了一些搜索，并根据这个网站找到了一个解决方案：
但是，在我将"float:left“应用到content之前，一切都正常。脚不再在底部了，被撞到一半了。我的问题是，当上面的div中有浮动时，如何使页脚保持下来？
请在这里看到我的例子：
或者这里的代码：
<style type="text/css">
html,
body {
margin:0;
padding:0;
height:100%;
}
#container {
min-height:100%;
浏览 3提问于2013-08-01得票数 2
回答已采纳
我已经创建了一个说明这个示例的，并将在本文末尾包含HTML/CSS。我对border-box样式选项的理解是，它会导致在指定的宽度和高度中包含边框和填充。在这个例子中，我使用的是最小高度，所以右边的框是用额外的填充而不是宽度增长的。
在第二个例子中，额外的高度来自哪里？在第一种情况下，两种浮标的宽度相同，高度保持不变。在第二种情况下，右边的高度会随着填充物的增加而增加。这只会在嵌套框内放置清晰的div时才会发生。删除清晰的div会导致第二个示例出现相同的情况，但我不明白为什么清除div会导致额外的高度。
更新
由于某种原因，设置溢出隐藏在盒子上解决了问题，没有任何奇怪的行为。我不知道为什么。
浏览 6提问于2015-03-09得票数 5
回答已采纳
4回答
css中的浮动属性
、、、
我有两个p标记，其中一个(id=floating)具有css属性{float: right}。
这会影响具有样式p的另一个{text-align: center}标记(id=toCenter)。
即。文本对齐仅适用于剩余区域。
尽管这个输出是可以理解的，但我应该做些什么才能使'toCenter' p标记以整个宽度为中心。
我试过用z-index，但直到现在还没有结果。
HTML:
<body>
<div>
<p id='floating'>floating floating floating floating
浏览 8提问于2016-02-11得票数 1
回答已采纳
我已经寻找这个问题的答案有一段时间了，但我无法找到我的困境的答案。这个问题可能很简单，但我一直在做噩梦。
我有一个由jquery驱动的导航栏，当你悬停并点击它时，它会改变背景图像。一旦完成了单击操作，就会有一个淡入淡出来显示另一个图像，同时隐藏一个div并显示另一个div。
代码在Firefox和chrome中运行得很好，但愚蠢的IE显示只有一个灰色的条。但是，当您单击工具栏上的某个地方时，div更改会起作用，所以我不确定那里出了什么问题。
要查看该页面，请单击
代码如下：
$(document).ready(function() {
navig
浏览 1提问于2010-12-15得票数 0
1回答
我希望有人能帮助我解决CSS问题。我使用JavaScript向一个工作良好的表中添加额外的行，但是当我添加新的行时，我的页面不会展开，这意味着当内容从页面上消失时就变得不可见了。
以下是我网页的简化版本：
<div class="wrapper" >
<section id="main" class="column">
Expanding table code here.
</section>
</div>
我还有以下CSS：
.wrapper {
width:1200px;
o
浏览 1提问于2012-11-30得票数 1
我有一个非常简单的HTML/CSS代码片段：
<div style="float: left; width: 180px; clear: both;">Foo</div>
<div style="float: left; width: 180px;">Bar</div>
两个div都是向左浮动的，但是Foo div有clear: both。这样可以防止Bar div漂浮在它旁边..。如果你把HTML放到浏览器中，你会看到两个div是相邻的。
我对clear有什么不理解的地方？
浏览 0提问于2018-07-25得票数 0
1回答
页脚背景重叠内容
、、、
我有一个)。它用HTML / CSS / JavaScript / Foundation / Bootstrap和w3.css编码。它有四个部分:导航栏和标志，标题，定价表，和页脚。正如你所看到的，页脚的背景目前正在覆盖部分定价表的背景。您知道如何解决这个问题，以便页脚只在价格表之后才开始吗？
以下是网页的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
浏览 1提问于2016-01-20得票数 0
回答已采纳
4回答
我试图从头创建我自己的网站，现在我遇到了一个问题，考虑到HTML/CSS位。
我试图创建这个标准的“标题，导航，内容”布局，其中标题在顶部，导航在左边，内容开始于标题下面和导航的右边。
我使用以下代码：
<div id="head">
<img src="..." id="logo" style="float:left">
</div>
<div id="nav">
{some elements}
</div>
<div id="con
浏览 0提问于2013-09-23得票数 2
回答已采纳
使用的Bootstrap在Chrome上运行得很好，但在Firefox上就不行了，但它不会在Chrome中显示"Hi Hello“，但它会在Firefox中显示。
实际上，它不能识别nav代码之后的任何内容。我想要一个固定到最高导航栏的。
<html>
<head></head>
<link href="C:/Users/Dhruv/Desktop/bootstrap/bootstrap-3-Offline-Docs-master/dist/css/bootstrap.min.css" rel="styl
浏览 0提问于2015-03-22得票数 0
2回答
我有一个使用这个的网页。我想要向其中一个选项卡添加一个两列布局，并使用以下代码：
<div class="content-wrapper">
<div class="con con-left">
Column 1
</div>
<div class="con con-right">
Column 2
</div>
</div>
它与这个CSS一起工作：
.content-wrapper
{ width: 10
浏览 0提问于2013-07-09得票数 0
回答已采纳
2回答
CSS布局问题
、、、、
我在CSS布局中遇到了一些问题。下面是我所说的代码：。
<div id="header">应该有我标记为红色的<div id="menubuttons">的高度。我一直认为，如果你不说明一个div的高度，它就会得到它的孩子的高度。
虽然我定义了<div class="contentLine>，但<div id="theme">仍然坚持使用margin-top: 20px;。
右列的边距总是大于左列。我希望两者对浏览器窗口有相同的页边距。
CSS
body {
ma
浏览 0提问于2013-09-25得票数 1
回答已采纳
我被一个问题困住了，希望堆叠社区能帮我。
我想按列出的顺序放置带有文本的图像，所以我使用了ul>li列表。当我写一段文字比图像高度少的时候，我的问题就开始了，下一段就在我不想要的旁边。我知道它不是很好的描述，所以我附上了它的图像。
这是那个截图的HTML
<ul><li>
<h2>title</h2>
<img src="" class="alignleft" width="200px"/> My text content
</li>
repeat the same
浏览 6提问于2012-03-18得票数 0
回答已采纳
3回答
我搜索了关于如何一个接一个地浮动div的主题，并尝试了这些主题。首先，让我展示一下我计划设计的东西
我已经创建了内容和侧边栏，并使侧边栏正确流动。同样，在我的侧边栏中，我让侧边栏div1和侧边栏div2并排浮动。在我的CSS im中，使侧栏div 2向右浮动，它是向右浮动的，但恰好在侧栏div 1的下方，如下图所示。
我知道这听起来可能很简单，但我还是遗漏了一些重要的东西。如果有人指出这一点我会很感激的。
下面是侧边栏和div的代码
#sidebar {
width: 720px;
float: right;
margin:
浏览 3提问于2012-01-10得票数 2
回答已采纳
5回答
我认为这是一种非常常见的情况。
我是相对(没有双关意)的CSS新的，并有一个浮动对齐的问题。我有两个div，一个保存要浮动的left的主要内容，另一个用于导航，应该是浮动right。
无论如何，下面是当我不应用任何CSS格式时会发生的情况。这是所需的行为；页面将按预期向下滚动：
当我将float: left或float: right应用于相应的元素时，会发生如下情况：
他们都溢过了那一页。我想要它伸展页面，以便它向下滚动，如果它不适合在一个屏幕区域。
我的HTML代码片段：
<body>
<div id="wrapper">
<div
浏览 4提问于2011-01-11得票数 3
回答已采纳
2回答
寻求帮助。我是一个css新手，并做了一个模板。上面显示的模板在IE7中正常；但在上面的Mozilla Firefox中，有放错地方的情况。我应该问一下如何解决这个问题？
此模板演示文稿地址：
**
在# bgtop中添加了overflow: hidden；。问题解决了。非常感谢prodigitalson和Eric Muyser帮助我
**
浏览 5提问于2009-12-24得票数 0
2回答
还有一个关于粘性页脚css的问题...假设我有以下标记：
<div id="container">
<div id="header">header</div>
<div id="body">body</div>
<div id="footer">footer</div>
</div>
正如您在此中所看到的，使用给定的css，粘性页脚的工作方式非常出色。
如果div#body只有几个内容，它会留在页面底部，当有很多
浏览 0提问于2011-08-24得票数 1
回答已采纳
我的方案是在网页中实现如下部分：
我可以使用图像，我也可以使用css。但是，由于我在Salesforce工作，很难将图像放入css文件或部分，这意味着我不能使用这样的css代码：
.wStatusCompleted {
background: #DBFBD6 url(../img/wizardCompleted.png) 20px 16px no-repeat;
}
其他一切都很好，但是将图像的url放在css中将导致找不到资源。因此，我试图通过html实现它，下面是我所尝试的：
<div style="float:left">
<
浏览 1提问于2015-01-11得票数 0
回答已采纳
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
回答已采纳
1回答
在本例中，我有一个填充整行(100%)的li.first和一个大小随文本而变化的li.third (从外部服务返回)。
我需要使li.second与li.third一起填充一行。在li.second中，我有一个input，它必须填充整行内容，减去li.third中包含的链接所占用的空间。
我已经找到了一些方法来做到这一点，但我需要更改我的HTML代码，在这种情况下，我不能。
有没有一种方法可以在不改变HTML的情况下做到这一点，只需使用CSS？
<ul>
<li class="first">Some Random Text</li
浏览 0提问于2015-05-12得票数 0
我正在使用BootStrap3 CSS导航栏。在我的小提琴曲演示中，它在Chrome和FF&IE之间工作得很好，但是在站点上，FF&IE在菜单下面有一个巨大的栏/空白空间。使用FF元素检查器我似乎找不到问题。如果我禁用我的主题风格，它修复了其中的一些，但它仍然很大，所以可能会有一些冲突。我已经把所有我能想到的东西都禁用了，但仍然找不出冲突或者我做错了什么。
对
<div class="navbar navbar-default navbar-inverse" role="navigation">
<div class=&
浏览 4提问于2013-11-11得票数 0
回答已采纳
我有一个响应页面，可以调整大小，以适应桌面，平板电脑或电话。手机和平板电脑css是可以的，但我对桌面有问题。区别在于主div包含所有的内容。
对于手机和平板电脑，主要的div宽度是100%的屏幕，但对于桌面，它应该固定在900 on，也集中在屏幕上。
当我有它的中心，主div不会调整它的高度取决于它的内容，但它会为其他屏幕大小。当我添加一个float: left；到主div时，它向右浮动，然后它的高度跟随其中的内容。
这可能是一个非常简单的修复，但我已经尝试了所有我知道的和谷歌搜索，但没有找到解决方案。
谢谢你们！
body {
background-color: #f1f1f1;
浏览 0提问于2015-08-12得票数 1
回答已采纳
1回答
首先，我正在开发"rtl“定向网页。而且，我在shop.html模板中使用了名为"breadcrumbs“的引导组件。因此，我希望面包屑在从右到左的方向上。
<div class="breadcrumb">
<div class="container" align="right">
<a class="breadcrumb-item" href="{% url 'bookrepo:home' %}">صفحہ اول<
浏览 7提问于2020-05-11得票数 0
我有这个页面：
如果你看一下源代码，CSS定义<header>的边距应该是135px，内容的边距应该是135px。为什么内容的间距是原来的两倍？
浏览 0提问于2011-06-30得票数 0
回答已采纳
HTML：
<div id="tabs">
ertgertget
</div>
<div id="design">
EHELLOW RODL
</div>
CSS：
#design{
border: solid 10px black;
}
#tabs {
border: 1px solid red;
float: left;
}
为什么第二个div不完全出现在浮动div的右边？
浏览 1提问于2014-04-30得票数 1
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
腾讯云开发者
