在固定宽度容器中浮动DIV以继续对齐水平？
在固定宽度容器中浮动DIV以继续对齐水平，可以使用CSS的float属性。float属性可以使元素向左或向右浮动，从而影响其他元素的位置。以下是一个简单的示例：
<!DOCTYPE html>
<html>
<head><style>
.container {
width: 100%;
border: 1px solid black;
}
.float-div {
width: 50%;
float: left;
border: 1px solid red;
}
</style>
</head>
<body>
<div class="container">
<div class="float-div">浮动DIV</div>
<div class="float-div">浮动DIV</div>
</div>
</body>
</html>在这个示例中，我们创建了一个固定宽度的容器，并使用float属性使其中的两个DIV浮动。这样，它们将在容器内水平对齐。
如果您想要更多的对齐选项，可以使用CSS的display: flex属性。以下是一个使用Flexbox的示例：
<!DOCTYPE html>
<html>
<head><style>
.container {
width: 100%;
display: flex;
border: 1px solid black;
}
.float-div {
width: 50%;
border: 1px solid red;
}
</style>
</head>
<body>
<div class="container">
<div class="float-div">浮动DIV</div>
<div class="float-div">浮动DIV</div>
</div>
</body>
</html>在这个示例中，我们使用了display: flex属性来创建一个固定宽度的容器，并使其中的两个DIV水平对齐。Flexbox提供了更多的对齐和布局选项，可以根据需要进行调整。
相关·内容
9回答
如何让固定宽度DIV内部的浮动DIV水平继续？
css、html、css-float
我有一个固定高度和宽度(275x1000px)的容器DIV。在这个DIV中，我想放置多个浮动DIV，每个DIV的宽度为300px，并显示一个水平(x轴)滚动条，允许用户左右滚动查看所有内容。: hidden;}
float: left;
margi
浏览 2提问于2009-06-18得票数 37
回答已采纳
2回答
如何在比被浮动元素小的div中浮动元素？
javascript、html、css
我试着用float:left将div作为carousel项放在一起。每个div都有固定的宽度和高度。
在那之后，我在carousel项周围放了一个div，叫做“裁剪”。剪辑div的大小与其中应该一次移动的元素的大小相同(如果通过单击“下一步”移动3个元素，则剪辑div的宽度等于这3个元素的宽度)。我在一些例子中看到了这一点。同样，这个裁剪div会溢出:隐藏来隐藏下一个和前一个轮播项
浏览 0提问于2010-01-04得票数 1
回答已采纳
2回答
如何避免子块元素被包装？
css、html
我有一个具有固定宽度500px的容器div .parent，其中包含很多子div .child。问题是子.parent会自动换行，在我的例子中，我希望它们在一行中继续，即使它们会被隐藏，然后我会添加自定义按钮来水平滚动div。如何在保持浮动的情况下实现这一点？
谢谢
浏览 1提问于2010-12-20得票数 1
回答已采纳
4回答
CSS中惊人的高级布局
html、css、layout
我有以下HTML结构： <div class="sidebar"></div>│ │subscript│ w │
└─────────┴─────────┴─────────
浏览 0提问于2010-06-28得票数 1
回答已采纳
3回答
CSS和脚本在可滚动的div中实现多个div
jquery、css
我正试图在我的网站上实现一些我遇到了令人难以置信的困难的事情，并希望有人能告诉我我的方式的错误，或者建议我是否以完全错误的方式处理。’，有固定的高度，不超过屏幕的宽度(给或取边距等，使其适合屏幕的中心)。这个“容器”还需要一个水平滚动条，这样用户就可以滚动它的内容了。
在这个容器中还有另外3个容器，标记为2、3和4。这些容器的大小会有所不同，但不会包含滚动条，但每个容器在增长过程<
浏览 2提问于2013-03-13得票数 2
回答已采纳
3回答
居中文本大于容器？(不使用单独的子元素)
css、text、centering
使用CSS很容易在容器中使用text-align:center;对文本进行水平居中，但是如果该文本的任何一个单词大于容器的宽度，浏览器就会自动“剪辑”到容器的左侧边界(例如，超大的单词与太小容器的左侧对齐)，并且没有CSS word-break:hyphenate;属性设置(或类似的)超大型单词在容器的右侧突出。
有没有办法让这张图片在这里浮动，以节省垂直空间？哦，好吧。不管怎样
浏览 2提问于2012-07-11得票数 10
回答已采纳
3回答
使div中的跨度水平滚动
html、css
我有一个容器div (固定宽度，浮动左)和一组跨度(固定的宽度和高度)在容器内。<div id="cont"> <span class="box">2</span>
<span class=&qu
浏览 3提问于2015-01-12得票数 0
回答已采纳
1回答
如何动态调整父DIV的大小？
html、dynamic、resize、css-float、width
基本上我有固定宽度为250px的浮动div。我需要让父div的宽度和浏览器的宽度根据我添加的浮动div的数量自动调整大小。例如:如果我的浏览器大小是800px宽，我有2个浮动div，它们加起来是500px宽，那么就不会有水平滚动条了，因为500适合800。但是当我再添加两个浮动div时，所有浮动的总宽度将是10
浏览 0提问于2012-10-25得票数 0
2回答
CSS:浮动div中的浮动IMGs
css、html、css-float、positioning
有以下要素：
在div#B内部有大量的图像，浮动的左边和固定的宽度(和高度)。根据屏幕分辨率的不同，屏幕右侧(div#A旁边)应该有1、2、3、n列的图像。相反，容器#B在容器</e
浏览 4提问于2013-08-19得票数 0
回答已采纳
3回答
居中图像int浮动div
html、css
我不能居中的图像在div是浮动在左边。我已经尝试了文本对齐和设置边距。text-align: justify;img { margin-left: auto;}<divhave eliminated all problems and saved millions in lost productivity over 2 years</span>
<&
浏览 0提问于2013-07-21得票数 1
2回答
控制包装内嵌块或浮点的垂直对齐
html、css-float、css
我们的目标是让在divs之间没有垂直间隔，无论什么时候都是如此。所有的div都应该坚持在其上方的div顶部。条件
如果仍然使用这种“网格方法”，则每
浏览 2提问于2012-03-19得票数 2
1回答
带对齐文本的容器-在IE中对齐
html、css、layout、block
我有三个有固定宽度的div。我的目标是水平对齐这三个div，每个div之间的间距相等。我发现到目前为止最好的解决方案是使用带有"text-align: justify“的容器，如本教程中所示：。此方法将在三个div之间放置相等的间距，而不考虑任何其他因素。我已经非常成功地使用了这种技术，我觉得它比使用浮动要好得多。然而，唯一的问题是，它似乎不能在IE 11及更低版本中工作。class=&q
浏览 0提问于2015-10-10得票数 0
8回答
固定大小的容器元素中的中心图像(CSS、HTML)
html、css
所有图像都有不同的宽度和高度，分别高达130 to和60 to。我想将图像放入固定宽度为130 of和固定高度为60 of的容器元素中。图像应该是垂直的和水平的中心。如果可能的话，容器元素应该水平对齐。
我尝试了div (使用浮点数)和span。使用div，我得到固定的大小，但不能对图像进行居中。使用span，我可以居中，但不设置任何大小。如果我将span放入<e
浏览 9提问于2012-03-28得票数 9
回答已采纳
我需要两个div都有动态宽度。灰色的必须居中，蓝色的要向右浮动，但两者都是水平对齐的。在没有为灰色div设置固定宽度的情况下，我如何管理它？这就是它应该是什么样子。我只是放了另一个左边的浮动div。
红色的div<
浏览 0提问于2013-09-28得票数 0
3回答
如何将DIV彼此相邻对齐，使其宽度达到1000px？
html、css、css-float
我好像不能正确地浮动DIV。我正在努力实现的是能够将4个DIV放置在彼此旁边。每一个都以0px对齐到顶部，间隔大约30个像素，但我不能使用绝对定位。DIV的大小根据屏幕大小进行调整。所以我需要定位DIV的相对位置。当我试着漂浮DIV的时候，它们只是一个接一个地坐在一起。 float:right; height:200px;}
&l
浏览 0提问于2010-10-23得票数 1
回答已采纳
1回答
左、右滚动带有浮动元素的div
jquery、css
我有一个固定宽度的div，它的内部有许多图像是通过float:left;水平对齐的，所以div是使用scrollBar水平滚动的。我想通过点击两个"NEXT“和”“图像来滚动元素(如滑块)。){ left: "+=50"}, 5000, function() {});
但是，这个解决方案似乎只在元素由posi
浏览 2提问于2014-02-04得票数 1
3回答
在响应式设计中给“top”和“bottom”与“right”和“left”相同的页边距
javascript、jquery、html、css
我有一个容器div，它有动态宽度，它根据屏幕分辨率而变化。在这样的div中，我有另一个具有固定高度和宽度的元素。我可以给这样的元素一个margin: 0 auto;并在中间水平对齐，但是这个技巧不能让它在中间垂直对齐，因为容器div的高度保持不变(它不是固定的高度，它取决于div中的内容)。因此，当用户更改分辨率时，我想
浏览 1提问于2013-04-15得票数 1
回答已采纳
我有一个表格，所有的单元格都包含一个div元素。所有的div元素都有固定的宽度。我只想使用css在tds中右对齐这些div。问题是，并不是所有的to都有固定的宽度，如果它们的孩子浮动到右边，那些没有固定宽度的to会变得混乱。有固定宽度的tds总是比孩子宽。有没有这样做的方法呢？如果没有，感觉有点好笑，因为我可以做左对齐<
浏览 0提问于2013-02-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
