3回答
早些时候，我正在复习我的CSS技巧，我遇到了一个教程，它让我秃头了。这里有一个链接：，我花了几个小时研究这个问题的答案，但没有发现任何对我有帮助的东西。
本教程的作者并没有给出任何关于元素的详细信息。我理解浮动将一个元素从页面中移出并以给定的方向(左/右)浮动它。清除重置浮动元素并将其放回页面流中。
如果右侧已被清除，这些元素如何仍然向右飘移？我不明白这背后的逻辑。任何关于这一点的澄清都将是非常感谢的，也许我可以保留我的一些头发。
编辑:这里是CSS代码和上面链接的教程中的屏幕截图.
.floatright {
float: right;
margin: 0 0 10px 10
浏览 4提问于2012-07-26得票数 5
回答已采纳
向左浮动，然后清除向左是什么意思。或者向左浮动，然后向右清除？有人能帮我理解这一点吗？我不是一个CSS的家伙，但需要了解一些我正在使用的CSS。
#elem1{
float:left;
clear:left;
}
#elem2{
float:left;
clear:right;
}
浏览 2提问于2010-11-17得票数 2
回答已采纳
如何在通用语言(非编程)中解释CSS浮动？有没有现实生活中的例子来解释CSS浮动？
有没有简单的幻灯片来解释float？
浏览 0提问于2010-06-08得票数 4
回答已采纳
3回答
我有以下CSS：
label{
float:left;
margin-left:24px;
}
button{
margin-left:24px;
}
对于此HTML：
<label>
<input>
</label>
<button>
我希望按钮是在标签的24个像素的距离上找到的，但是直到我将按钮浮动到左边才会发生这种情况。我可以参考CSS规范的哪个部分来理解为什么会发生这种情况？
(请原谅我的英语。)
浏览 3提问于2011-05-25得票数 3
回答已采纳
我想为智能手机或平板电脑等移动设备设计一个网站。网站应该有一个标题和标题下的内容。
我希望标题将有一个标志到非常左边，登录到非常右边，如下面的图片：。
以下是我尝试过的
<div >
<div class="{style.column-left}">...</div>
<div class="{style.column-right}">...</div>
</div>
<br/><br/>
<div class="{s
浏览 6提问于2014-09-22得票数 0
我正在学习使用CSS float属性。我想了解一下这个属性的具体效果。
考虑以下简单的HTML元素：
<div id="div1">div1</div>
<div id="div2">div2</div>
<p>This is a paragraph</p>
和以下CSS规则：
div {
height: 100px;
width: 100px;
}
#div1 {
background-color: blue;
}
#div2 {
background-color: r
浏览 0提问于2016-11-15得票数 2
1回答
我目前正在开发一个原型，它使用CSS3多列来划分内容，它似乎工作得很好。我的问题是，作为列的一部分的块的内部有一个扩展的高度部分，那么，在火狐中，当CSS3多列中的元素的高度发生变化时，它就会消失，然后火狐崩溃。
CSS3多列不应该考虑到不同高度的内容吗?或者它不是为这种东西而设计的？我真的不喜欢使用像Columnizer这样的插件，因为Columnizer很难正常工作。
布局如下：
[DIV]
[CONTENT] - Default height is 38 pixels
[EXPAND LINK] - A link when clicked that modifies th
浏览 0提问于2012-03-05得票数 1
回答已采纳
我正在自学CSS和HTML，我遇到了一些看起来像是bug的东西--它挑战了我如何理解HTML和CSS。我已经找到了这个bug的修复，但我希望有人能提示我为什么这个修复有效，以及是否有一些建议可以更容易地处理CSS的不一致。下面我已经详细介绍了这个问题及其解决方案。
问题:我有几个项目想要嵌套在页面上的几个框中。我已经更改了CSS以引起人们对特定问题区域的注意:红色和绿色框应该夹在黑色和黄色线条之间。
红色和绿色框被设置为浮动在页面的右侧和左侧。它们的容器不会扩展以包围它们，并且黑色和黄色的线条相互接触。在自定义CSS之前应用了神奇的CSS之后，红色/绿色框周围有两行代码
以下是我的文件: te
浏览 0提问于2011-04-21得票数 6
回答已采纳
我在很多地方遇到过<div class="clear"></div>，但我不知道为什么要这样做？有人能向我简要介绍一下吗?为什么在css中使用它？这是CSS：
div.clear {
clear:both;
}
浏览 2提问于2012-04-17得票数 13
回答已采纳
2回答
为什么父div元素在其子元素被浮动时停止调整高度？我有以下HTML片段
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="index.css" />
</head>
<body>
<div id="container">
<div id="overfl
浏览 15提问于2016-08-10得票数 0
1回答
我想在表格下面浮动一个元素。该表的宽度为100%，因此预期的输出是出现在表上方的浮动元素。除了Mozilla之外，所有主要的浏览器引擎都很好用。
有没有办法只用CSS强制Firefox换行？我没有机会改变HTML代码，所以与CSS的解决方案将是非常重要的。
提前感谢！
<html>
<head>
<style type="text/css">
div {
background: red;
float: right;
width: 300px;
}
table { width: 100%; }
td { background: gr
浏览 4提问于2013-01-03得票数 1
我有下面的标题div设置，但是当只有最左边的div有内容时，标题的红色背景不会被应用。为什么会这样，因为'title‘div有内容，而且它的背景应该是红色的。
头部的东西：
<title>Into the Breech</title>
<link href="Styles/Reset.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body { font-family: Arial, S
浏览 0提问于2010-05-08得票数 2
回答已采纳
3回答
我想先显示文本框，然后先显示button.But按钮，然后添加css代码和html。
css
.search,.stxt{
float: right;
}
html
<form method="POST">
<p style="align:right;">
<input class="stxt" type="text" name="searchtxt"><a style="padding-right:2ex;&#
浏览 10提问于2015-02-12得票数 0
回答已采纳
2回答
我用960网格系统构建了一个模型，在.clearfix上遇到了一个问题。我不喜欢在我的代码中使用额外的div来清晰地触发，并且在所有围绕.clearfix的文档中似乎都是作为解决方案出现的。960gs还附带了自己的clearfix类，所以我的期望是它应该可以工作。但是，当我应用标记时，什么也不会发生。空div中的clear类可以工作。当元素上的clearfix类失败时，我想强制执行一次清除操作。考虑到有那么多关于clearfix的东西，它一定是我忽略了的。
以下是源代码：
<html>
<head>
<title></title>
<lin
浏览 3提问于2011-11-20得票数 0
回答已采纳
3回答
我真的很困惑css浮动规则。有人能解释一下背后的机制吗，不仅仅是解决使他们看起来更好。下面是我的代码：
<!doctype html>
<html>
<head>
<!-- <link rel="stylesheet" type="text/css" href="style.css"> -->
<style type="text/css">
div{
width:400px;
}
ul{
list-sty
浏览 7提问于2014-04-18得票数 3
回答已采纳
5回答
CSS -与浮动右对齐
、、、
我在CSS方面仍然是个新手，有以下CSS / HTML：
<input type="reset" value="Clear" style="float: right;" />
<input type="submit" value="Send" style="float: right;" />
生成以下结果：
而不是期望的输出：
更改HTML元素的顺序似乎可以解决这个问题，但也有悖于直觉。
这类问题的一般解决方案是什么？
浏览 6提问于2010-02-20得票数 2
回答已采纳
3回答
下面是一个简单数据表的代码，其中包含一些使用引导程序样式的分页控件，以及用于网格的可数据。
<!DOCTYPE html>
<html>
<head>
<title>Test page, using dataTables</title>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.8/css/dataTables.bootstrap.min.css"/&
浏览 3提问于2015-08-31得票数 0
回答已采纳
1回答
我有一个简单的菜单()。float: right css在FireFox中不能很好地工作。我认为它应该像Chrome/IE那样工作，红色立方体应该与菜单项一致。
有人知道这是为什么吗？或者如何纠正它..。
浏览 4提问于2014-08-12得票数 2
回答已采纳
1回答
看起来好像在div的某个地方设置了一个"max-width“(或者有类似效果的东西)，但据我所知并没有。然而，容器的底部溢出到底部边缘，如下所示：
它为什么要这么做，我怎么才能阻止它呢？
更新
这里发生的情况是，html5部分元素被动态地(以编程方式，通过jQuery)添加到选项卡的内容区域。一些相关的代码：
HTML：
<div id="tabs" class="content-wrapper">
<ul>
<li><a href="#tab-Books">
浏览 0提问于2013-07-21得票数 2
回答已采纳
1回答
我正在开发一个产品信息页面，在那里用户点击产品，他应该得到产品图像，描述和推荐的产品下面 问题是，当用户点击产品时，产品的形象超过了推荐的产品，并改变了整个风格，对于某些产品，它工作得很完美 这是它应该看起来像的image，它在某些产品上工作得很好 这是一些产品的image，在这些产品中，它们重叠并更改UI 实际上，在产品信息中，3个组件被嵌入并显示在一起。 我试着在下面列出推荐的产品，但它影响了主页推荐的产品。 对此有什么解决方案吗 margin-top: 0.005rem;我试过将它增加到40，但它影响了主页的样式。我不想这样，在这个产品图像中，我试图减少图像质量的高度、宽度和宽度，而且
浏览 11提问于2019-08-27得票数 0
回答已采纳
有人能帮我解释一下为什么开发者工具中显示的div.fl元素在Computed Style部分有display: block吗？
它被显示为块级元素。
但是下面的CSS规则列表显示display: inline ! important是具有最高优先级的规则- div: block指令有一个删除线。
我希望它以内联方式显示，但我不确定除了在代码中使用div.fl { display: inline ! important; }之外还能做什么。
恐怕我不能链接到代码，但是有人能建议从哪里开始查找吗？我不明白block指令是从哪里来的。
调试CSS =我最不喜欢的代码部分。
浏览 0提问于2012-03-24得票数 1
回答已采纳
2回答
测试折叠浮点
、、
如何测试折叠的浮动，其中容器元素不会展开以接受浮动元素，例如。
可以通过向容器添加css overflow:auto属性来修复折叠的浮动。然而，如果溢出声明在稍后编辑中被意外删除，则网页(或如果容器在多个页面上使用，则多个页面)可能变得不可读。
假设折叠的浮动不是CSS错误，并且不会更改页面上的文本，那么如何编写rspec测试来检测是否发生了这种折叠？
浏览 0提问于2013-09-04得票数 2
我正在构建一个Joomla 1.7网站，并且我正在使用一个画廊插件。这真的很好，除了一个问题。在图库插件中，你可以在所有图片的顶部插入一个描述，但是每当我使用它的时候，我都会得到大量的空白。
HTML：
<div id="phocagallery" class="pg-category-view" style="width:800px;margin: auto;">
<div class="pg-category-view-desc">Pictures of the Roskilde Fami
浏览 0提问于2011-08-24得票数 10
回答已采纳
1回答
我试过把它放进去
body{ border-style: double;}
也是
#form{border-style: double;}
但是边境线只覆盖了一部分
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Checkout</title>
<link rel="styleshee
浏览 0提问于2015-09-28得票数 3
回答已采纳
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
回答已采纳
我的类名为'header-body-right‘的div似乎没有漂浮在名为'header-body-centre’的div的左边，我不明白为什么，这是我的HTML，
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE> </TITLE>
<meta charset="UTF-8" />
<link href="main.css" rel="stylesheet" type="text/css"
浏览 6提问于2012-04-08得票数 2
回答已采纳
3回答
由于某些原因，我无法用CSS对.logo类进行居中。
我试过margin:0px auto了。
我是不是忽略了什么？
谢谢。
CSS:
.full {
width: 100%;
height: auto;
float: left;
clear: none;
position: relative;
display: block;
}
.logo {
width: 230px;
height: 117px;
float: left;
clear: none;
position: relative;
d
浏览 3提问于2013-09-20得票数 0
回答已采纳
我创建了简单的网页布局，包括:页眉、左、右和页脚div块。
这是html代码：
<html>
<head>
<title>Test Page</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body id="body">
<div class="header
浏览 6提问于2013-09-04得票数 3
回答已采纳
2回答
http://216.194.172.101/~culinare/index.php/terms-conditions-and-policies
我遇到的问题很明显。显示带有T&C的灰色框的DIV延伸到包含T&C的父DIV之外。我尝试了CSS中的许多变体，但似乎都不起作用。我遗漏了什么？
浏览 4提问于2014-06-07得票数 0
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
回答已采纳
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回答
我想不出如何删除包含多个joomla元素的页面中间开始段落之间的空白(将模块加载到文章中)这不是css问题，我在模板文件中也看不到任何问题。有没有人能提供一些见解？
以下是几个受影响的页面：
浏览 4提问于2014-03-05得票数 0
2回答
我有一个网站，显示3个社会图标在一个列表。标题中有一些代码可以更改这些社交图标在主页以外的任何其他页面上的位置。由于某些原因，社交图标在主页上的顺序与其他页面不同。
我想要的顺序是Facebook，Twitter，Instagram。
你知道为什么命令会变吗？
以下是标题中的代码：
</div><div id="social-container"><ul id="social-icons">
<li><a href="http://www.facebook.com/" target=
浏览 4提问于2015-03-31得票数 0
回答已采纳
如果在浮动样式为left的块元素之前存在内联元素。block元素将水平浮动到inline元素的左侧。
如果在浮动样式为left的块元素之前有一个块元素。浮动的block元素将垂直位于第一个block元素的后面。
为什么被浮动的块元素不能水平浮动到第一个块元素的左边？css规范中是否有任何规则要求浏览器遵循此行为？谢谢!
对不起，我的英语很差。
浏览 2提问于2012-12-30得票数 0
回答已采纳
1回答
有人知道任何css属性来使第二个图像看起来像第一个图像吗？
两个下拉列表都有相同的元素，但正如您所看到的，第二个下拉列表没有显示这些元素。
更新：我刚刚更改了css，溢出从隐藏到覆盖
.wizard > .content
{
background: #eee;
display: block;
margin: 5px 5px 10px 5px;
min-height: 120px;
overflow: overlay;
position: relative;
width: auto;
-webkit-bord
浏览 0提问于2015-10-08得票数 0
2回答
似乎每次我向右浮动两个元素时，它们都会被交换。这种情况不会发生在左浮动元素上，而且似乎在每个浏览器中都存在。
下面是一个例子：
代码：
<style type="text/css">
.right {
float: right;
}
</style>
<div class="right">DIV ONE</div>
<div class="right">DIV TWO</div>
渲染：
DIV TWO DIV ONE
这并不是一个大问题，但在
浏览 2提问于2012-06-29得票数 3
回答已采纳
我有这个html和CSS：
<div style="background-color:Red; width:200px; height:200px;">
<div style="background-color:Blue; width:50px; height:50px; float:right;">aa</div>
<div style="background-color:Green; width:50px; height:50px;">aa</div>
我以为它会把蓝色的盒子放在
浏览 1提问于2011-06-30得票数 0
回答已采纳
我认为如果文本跟随标记中的浮动元素，那么该文本将围绕该元素流动。那么为什么下面的示例会产生所示的结果呢？
下面是HTML：
<div class="float block red">Red</div>
TEXT BETWEEN RED AND BLUE
<div class="float block blue">Blue</div>
<div class="float block green">Green</div>
和CSS：
.float{
float: left
浏览 0提问于2012-05-04得票数 1
回答已采纳
我得到一个很大的空间(大约300px)在控件之后和文本区之前？在Chrome、火狐和IE9中。我尝试过使用默认的jWysiwyg，但得到了相同的结果。
function($) {
$('#news').wysiwyg({
controls: {
strikeThrough : { visible : true },
underline : { visible : true },
separator00 : { visible : false },
justifyLeft : { visible : true },
justifyCenter :
浏览 2提问于2012-01-06得票数 0
4回答
为什么嵌套的col不采用父div的样式？下面是一个背景应该是蓝色的示例：
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
<div class="row">
<div style="background-color: blue;">
&l
浏览 5提问于2017-09-29得票数 0
回答已采纳
1回答
我有一个写成这样的代码的博客：
<div class="box">
<div class="statusbox">
<div class="cleft">some stuff</div>
<div class="cright">some more stuff</div>
</div>
</div>
这是它的CSS代码：
.box{padding:10px; border: 1px black soli
浏览 0提问于2010-10-27得票数 0
回答已采纳
1回答
我有三个浮动的div容器，但我在其他网站上找到的解决方案不起作用。我想我做错了什么，但不知道是什么。
如何编写正确的clearfix
这里有一把小提琴：
HTML:
<div class="box"></div>
<div class="box"></div>
<div class="box nomargin clearfix"></div>
和CSS:
.clearfix:after {
visibility: hidden;
display: blo
浏览 2提问于2014-07-30得票数 0
回答已采纳
这是一张前后的照片。当我向li添加一个float:left时，布局会中断，而本应位于topmenu div之下的div会浮起。
下面是CSS：
#topmenu
{
background-color:#335D7C;
}
#topmenu ul
{
list-style:none;
margin:0;
padding:0;
}
#topmenu ul li
{
background-image: url('../Content/Images/topmenutick.png');
background
浏览 8提问于2010-12-13得票数 1
回答已采纳
哪些CSS规则解释了以下sceanrio：
假设我有以下HTML CSS片段
HTML：
<div id="main">
<div id="first">
first div float left
</div>
<div id="second">
second div does not have a float property set
and appears in a new line instead of next to
浏览 1提问于2011-10-31得票数 0
回答已采纳
1回答
反应js浮动清晰属性
、、、
我在设计这个：
用于此的css是：
.body {
border: 5px solid red;
padding: 10px;
}
.one {
float: right;
height: 100px;
width: 100px;
}
.two {
float: left;
height: 100px;
width: 100px;
}
p {
clear:right;
}
但是，如果我使用这个代码，输出是：
但如果我移除
p {
clear:right;
}
浏览 3提问于2022-02-18得票数 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
回答已采纳
2回答
我在表格单元格中有一个CSS水平菜单。我已将单元格的对齐方式设置为align=right。CSS菜单在该单元格中，但没有右对齐...请参阅代码...我想让这个菜单正确对齐
浏览 0提问于2010-10-20得票数 1
回答已采纳
1回答
大家好。我是css的新手，我尝试在一个div标记中浮动两个div标记，但是我得到了以下信息
我给了父母的div标签一个浅灰色的背景，所以我知道哪里出了问题，因为背景在我浮动div标签之后就消失了。
下面是我的css。
.menu.container {
width: 100%;
background-color: #F0F0F0;
}
.category {
float: left;
}
非常感谢你的帮助！
浏览 2提问于2014-05-10得票数 0
回答已采纳
2回答
我希望有人能帮我解决我的导航条，我正在设计的CSS。我对ul元素有问题，它没有扩展到列表的大小--不太确定我做错了什么。
我在这里建立了一个小原型：
违规的UL元素是红色的。如果有人能帮我看一眼，我会非常感激的！
只需向下滚动到CSS中的头导航.submenu ul来查看发生了什么
谢谢!
浏览 4提问于2011-05-22得票数 1
回答已采纳
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
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
