css-float 相关问题

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

在容器(CSS或Javascript)中向左浮动div中断

我有一个div序列,其中包含固定宽度的框(蓝色)。我希望这些容器div在主页容器(白色)内破裂,如下图所示:尽管处于浮动状态,...

回答 1 投票 1

如何用CSS最佳替代聊天气泡定位?

我正在使用的代码部分如下所示,它在左侧显示了所有气泡,即由用户“朋友”或用户“自身”发送的气泡。如您所见,我已经尝试过...

回答 1 投票 1

float:其他元素左重叠

我正在努力使自己清晰,因此,首先让我向您展示我已经做过的事情:这是我的HTML页面的摘录: 随机文本消息 ... ...>

回答 1 投票 0

无需使用CSS浮点数即可复制html位置

我正在尝试使用此Grid and Flex Solution复制使用float属性以使其内容对齐的Float示例。我想在所有地方替换float属性,并且已经能够...

回答 1 投票 -1

浮动元素位置更改元素对齐方式

我有一些奇怪的float行为,以为可能很简单,但是我是CSS的新手,正在学习为什么以及如何提出问题。在这里,当我将float元素应用于按钮时,它将更改元素的...

回答 4 投票 3

如何将浮动元素居中?

我正在执行分页,它需要居中。问题在于链接需要显示为块,因此它们需要浮动。但是然后,text-align:center;对他们不起作用。我...

回答 12 投票 342

导航栏是否根据窗口大小变化?

我正在整个文档中运行媒体查询,但是在这里我只想解释发生了什么。无论使用什么设备,都可以使此菜单保持居中状态?因此,当没有...

回答 1 投票 0

导航栏的CSS浮动

和float一起玩,我遇到一个无法解决的问题。考虑以下代码来制作简单的导航(没有浮动子项的导航栏)。

回答 2 投票 0

在奇数元素上使用css规则创建浮动元素,并在HTML / CSS中不显示任何内容/块

我正在做一个程序,其中包含一系列元素(浮动或flex),这些元素可能显示为“ none”,并且可以动态更改。当用选择器定义它时,我设法在CSS中完成它:div:nth -...

回答 1 投票 2

如何使浮动元素垂直居中

* {边距:0像素; } .container {背景:#ccc;行高:50px; verticle-algn:中间;清楚的} .float {溢出:隐藏;浮动:正确; } ]

回答 2 投票 0

如何使用CSS将一个元素移到另一个元素的右边?

我正在尝试将网站上的一个元素移到另一个元素。基本上,我希望购物车按钮位于数量的右边。浮动:向右将按钮水平移到正确的位置。但我也想要...

回答 6 投票 3


CSS浮动:为什么我的徽标未在文本前浮动?

这里是初学者,正在学习HTML和CSS(还没有网格和flexbox)。我正在尝试制作一个包含两个水平块的部分,这些水平块由左侧的图像/图标和右侧的文本组成。非常...

回答 1 投票 0

列表项(ul,li)中的浮点div

我有一个列表,每个 中都有两个 s,我想让它们彼此相邻地浮动,并且我希望 占据整个可用空间。我该怎么做?

回答 7 投票 1

如何浮动 仅在不影响另一个元素的情况下

我有两个div。一个应该是我的菜单,第二个只是标题。当我尝试使[ 项目彼此相邻漂浮时,它从其位置下降并影响我的标题div; ...

回答 2 投票 -1

如何使div中的图像与其他元素向右对齐

我有一个内联一些项目的div,但是右边的项目是必须在该div中右对齐的图像。 html [[[[]

回答 1 投票 0

我如何缩进环绕浮动图像的段落?

我正在尝试创建带有缩进答案的问答页面。我的图像浮动在页面顶部的左侧。我想做的是:缩进答案这是我的HTML,所以...

回答 3 投票 0

我如何使方框3对准方框2的右边?

我正在尝试使“ this is box 3”(我的“这是方框3”)与父容器内的“ this is box 2”的右边对齐。方框3和方框2应该重叠并且彼此相邻吗?我试图使用“显示:...

回答 3 投票 0

列表项未根据给定命令起作用

请原谅我,如果我的问题没有以通常的方式提出,这是我第一次参加该论坛。话虽如此,我对css float有疑问。一切都很好,那......>

回答 1 投票 0

何时应使用CSS float(在flexbox上?)>

在所有情况下,flexbox似乎都优于float。 CSS Grid和flexbox都有各自的用途,有时一个更合适,有时另一个,有时两者都是可行的,这是一个...

回答 1 投票 -2

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