css-float 相关问题

使用CSS float属性将元素定位到其容器的左侧或右侧。

打破css浮动和清除的默认布局。

我有4个这样大小的div,它们在一个主容器中,有一定的宽度,如果我只给每个div设置浮动左边,它们就会像这样显示:现在我想让它们像下面这样,而不把它们放在另一个容器中,如何让它工作?如果我只为每个div设置float left,它们将这样显示。##########################################...

回答 3 投票 0

铬合金透明固定装置

我正在为我的新项目制作一些网站模板,但在使侧边栏填充其容器的高度方面遇到了一些麻烦。我尝试了所有的清除修复方法,但似乎都没有用(在 ...

回答 3 投票 3

为什么我的wrapper div不能正确清除

http:/jsfiddle.netsWb7j75我想创建一个小图表,它是垂直缩放的。为什么图表不在黄色主div里面?我想我应该在4个图表div都清除后再清除?这是...

回答 2 投票 0

包含子元素的父容器

我不知道为什么我的float没有清除,所以子容器将留在父容器内。看看这个jsfiddle就知道我的意思了。我想让.shadow-wrapper div包含......。

回答 3 投票 10

2个浮动柱子推动页脚

我的网页有一个小问题。我有2个左右浮动的栏目。右栏有多个h1和p标签,里面有内容。

回答 2 投票 0

CSS::伪元素后的clear不工作。

这是一个fiddle:http:/jsfiddle.nete4y05yyz1工作在一个响应式布局上。我希望:after伪元素能清除浮动和类.masthead-的元素。

回答 2 投票 -2

Bootstrap CSS - 嵌套列不清除放置在块外的部分。

我有一个使用bootstrap CSS网格的嵌套列。这一列位于我的主区域之外,因为它是浮动的,所以容器没有展开来容纳它。例子中的所有文本...

回答 2 投票 0

使用css通用选择器(*)清除流

这有效,但实际上我从来没有遇到过。它有一些“弱点”吗? div.floated {float:left; } div.floated + * {清除:两者; }尽管我没有注意到任何“副作用”。

回答 2 投票 0

2格在div内浮动。其中2个div浮动在另一个div内-高度问题

所以我有这种结构: [[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[ 在HTML页面上使用很多<div class="clear"></div>不是一个好主意。这是有关如何强制元素自清除的示例: .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } 注意: 将class="clearfix"应用于父元素。 尝试此 <!-- Mind Wrap --> <div class="mid-wrap"> <!-- Content Wrap --> <div class="content-wrap"> <div class="left-sidebar"></div> <div class="main-article"> </div> <!-- Right sidebar --> <div class="right-sidebar"></div> </div> </div> <div class="clear"></div> 将清晰的div放在页脚上方

回答 2 投票 0

Div在超出主Div高度后会上升

所以我已经在这个网站上工作了一段时间,但遇到了一个问题。很难解释,因此首先我将显示它的屏幕截图:如您所见,我可以继续堆叠我的...

回答 1 投票 0

如何解释CSS清除属性? [重复]

我试图了解CSS清除属性。我看到它添加了新行,并防止其他元素重叠。我已经通过个人观察和一些阅读总结了这一点。这个...

回答 1 投票 1

为什么边界不掩盖其内容

[我在这里共享一支笔,我在div.container的内部插入了6个div.squares,我将.squares css属性设置为float:left我的疑问是-当我给div.container赋予红色边框时,该border。 ..

回答 1 投票 0

使用左右浮动,右容器仍在移动设备上的左容器下方滑动

我有一个仅在移动设备上显示我的网站时会受到影响的问题。在桌面浏览器上,它看起来像这样:我的精彩游戏X PriceHistory ...

回答 1 投票 0

页面偏差分为4部分css

我正在尝试进行H页面布局:正文{background-color:grey;背景大小:100%;背景重复:不重复; } html,正文{高度:100%;边距:0px; } .a {...

回答 1 投票 0

浮动和嵌入式块元素上的省略号文本溢出

当一系列span子代溢出其父容器时,我很难产生省略号效果。我已将父容器设置为具有省略号(...

回答 1 投票 1

为移动设备调整大小时,响应式CSS浮动表

我在普通容器div中有一个带有简单的2列CSS表的页面,如下所示:#container:after {content:“”;显示:表;清楚的}#col_1 {float:left;宽度:...

回答 1 投票 -1

为什么在使用“ clear”属性(css)后,margin属性在“ container3”中不起作用?

您在附件文件中看到的所有3个容器都在一个主容器内。我在第一个容器中使用了“ float:left”,在第三个容器中使用了“ clear:both”属性。但是,似乎在...

回答 1 投票 1

我如何防止文本环绕在浮动于其左侧的元素下面?

我有两个块元素。第一个浮在左边。我希望正确的元素也可以是方块,并保持其正方形形状。而是将其中的文本换行为...

回答 4 投票 0

我需要使父CSS文件的作用无效(而不是反作用)

首先,我正在研究“ rtl”定向网页。而且,我在shop.html模板中使用了称为“面包屑”的引导程序组件。因此,我希望面包屑从右到左...

回答 1 投票 0

我正在尝试在div标头中向左浮动徽标,向右浮动一组链接

我正在尝试创建一个标头,该标头的左侧有一个徽标,而一组链接则在右侧水平并排排列。这是我的下面的代码,带有结果图像。我真的需要帮助...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.