三个宽度不同的div并排，左右固定的

文章/答案/技术大牛

发布

3回答

html、css

我有这个HTML： <div id="container"></

浏览 44提问于2019-10-02得票数 0

回答已采纳

2回答

无法在父级内部垂直对齐并排子div。

html、css、css-float、parent-child

我有三个孩子在父母身边并排坐着。左右是一个固定的宽度，而中间是一个可变的宽度，需要调整与浏览器的大小。由于它们的高度不同，我需要在父母内部垂直对齐它们，但我无法做到，它们粘在顶部。子div的高度是固定的，但是父级的高度应该是可变的。CSS： #divMain { width: 100%; mi

浏览 5提问于2013-08-08得票数 1

回答已采纳

1回答

防止漂浮的电视在一个小窗口中破裂

html、css、css-float

我有三个div，它们通过在所有三个float: left上使用float: left来并排定位： <div id="left">...</div> <div

浏览 2提问于2013-02-03得票数 0

6回答

将div与CSS并排对齐

html、css

我想并排放置三个中间的div元素，中间的div宽度最大，其他两个元素的大小是固定的。<div> <div>Some Text</

浏览 0提问于2011-04-21得票数 1

回答已采纳

3回答

动态宽度为一行的Divs (对齐)

html、css

我有一个有左右填充物的容器。在这个容器内有两个div，它们应该是并排的，中间有一个空格。因为这个空间是固定的，但是站点是响应的，所以两个文本div必须有一个动态宽度。这就是为什么我不能使用%宽度的原因。在这里，它应该是什么样子的JSFiddle： (它的</

浏览 4提问于2014-04-25得票数 0

回答已采纳

4回答

Div填充剩余水平空间

css、html

我有以下代码： <ul class="menu"> <li>width</li></table> <span>and so is

浏览 6提问于2014-01-21得票数 8

回答已采纳

2回答

在带有水平溢出的固定框中水平显示图像

css

我有一个高度为500px，宽度为200px的div。里面是一堆漂浮在左边的图像，宽180px，高500px。使用10px左右填充，这意味着div将在页面加载中只显示一个图像。我想让这个div水平滚动，垂直滚动应该隐藏。因为我在div上设置了固定的宽度，浮动似乎不会将图像放在一个接一个的位置，但仍然在另一个的下方。如何强制图像彼此并排显示？

浏览 1提问于2010-06-29得票数 1

回答已采纳

1回答

CSS宽度与百分比的子元素不工作在火狐？

html、css、cross-browser

我试图创建一个流体布局，所以我使用了%的宽度。我在Chrome，Safari和IE上测试了这个网站。当它在IE中很好的工作时，我以为我的工作已经完成了，但是在Firefox中检查它时，我发现宽度是不正确的。两个50%的元素不适合在一条线上，也不适合33%宽度的3个元素。这是我网站上的一个例子：我如何在Firefox (或大多数浏览器上)上工作呢？

浏览 0提问于2013-09-09得票数 1

回答已采纳

3回答

固定宽度的多个div并排

css、html

我想要6个div并排显示服务包。问题是我希望它们都有指定的像素宽度。但是我不能给他们一个像素的宽度。同时，父div也被调整为它们所获取的宽度，因为我已经为它指定了80%的宽度。<div id="main"> <div id="content" class="shadow"

浏览 0提问于2013-01-11得票数 0

回答已采纳

1回答

我的页面中有一部分确实偏离了平板电脑的页面

html、ios、css

使用ipad或其他设备时，我的页面中间部分会偏离屏幕的一侧，但其他元素似乎没有问题。 <div class="container">

浏览 1提问于2015-02-06得票数 0

3回答

如何自动调整三个div的宽度以适应容器？

html、css

我有一个只有100%宽度的div。当调整浏览器的大小时，div将调整大小以保持浏览器宽度的100%。在这个div里面是另外三个div，宽度为200 is。当浏览器延伸到600 as宽时，所有的div都很好地并排，正如我想要的那样。但是，如果将浏览器扩展到599 is或更少，就会有一两个div被击倒，并出现在其他div</

浏览 14提问于2017-10-04得票数 0

回答已采纳

2回答

TD元素在缩小浏览器窗口时自动换行

html、html-table

我有一个表，他的列包含两个内联div，一个显示图像，另一个并排显示文本。因此，每个td都是矩形的，右侧是图像，左侧是文本(在单行上)。这个问题(在所有浏览器中都会发生)是当我缩小水平浏览器大小时，它不是保持td宽度不变并添加一个水平滚动条，而是在图像下环绕文本并移动它，因此缩小了td的宽度。无论浏览器的宽度如何，如何才能使td宽度保持固定？哦，以防影响它，两个div都有相对位置，所

浏览 9提问于2010-10-15得票数 0

回答已采纳

2回答

Firefox行为:2个div并排可变宽度

html、css、firefox、cross-browser

我试图在css中并排显示两个div。我成功地将div并排放置，这要感谢，当身体有固定<em

浏览 2提问于2014-08-11得票数 0

回答已采纳

4回答

如何并排跨越两个div以获得全屏幕宽度？

css、width、html

有很多关于并行div的问题。我并不怀念这些。但是我需要一个横跨整个屏幕宽度的东西。情况是这样的：我需要三个div并排放置。左边、中间和右边的div，我们称之为它们。中间的div包含站点的标题内容，宽度固定(800px)。我想让左边和右边的div横跨屏幕两边的其余宽度

浏览 0提问于2010-10-08得票数 4

2回答

并排的，不带包装袋的柔性宽度div？

css、html

我试图让三个div元素并排放置；第一个(从左到右)是灵活宽度，第二个是灵活宽度，第三个是静态宽度，它向右浮动。前两个在一个div中，与第三个级别相同；也就是说，在最大宽度下保持前两个的总宽度。我正在做的事的。我的问题是，当中间div中的文本是长的时，中间div</e

浏览 3提问于2012-08-09得票数 0

2回答

IE8一直在破坏我的专栏

css、wordpress、internet-explorer-8、frontend

我正在开发一个在WordPress上运行的新网站-- 。我已经为Chrome，Mozilla，Safari和IE9+优化了这个网站。然而，在IE8上，我的网站上的所有栏目都被丢弃了，而我却很难弄明白为什么？图片如下：

浏览 0提问于2012-11-05得票数 1

2回答

页面中不能有引导导航栏和轮播

html、css、twitter-bootstrap、bootstrap-4

> <img src="..." alt="Picture 3"> <script src="js/bootstrap.min.js&qu

浏览 11提问于2017-07-12得票数 0

回答已采纳

1回答

用中心、定宽的div填充空间

html、css

我想要创建一个带有三个<div>的布局，这样我的第二个(中间) div就有一个固定的宽度(例如300 my )。我的另外两个<div>，应该相同地填充父元素的其余部分的。我很想用左右<div>的百分比来解决这个问题，所以它是水平可缩放的。<div>

浏览 3提问于2015-11-09得票数 0

回答已采纳

1回答

CSS条形图溢出，两行而不是单行

css

将一个简单的条形图放在一起，但是它在某些值上溢出，目标是使其具有响应性，所以我使用%而不是固定值。如果100%的容器宽度它的工作，但我需要有三个这些并排，所以容器是33% background:blue;} width:80%;div.bar_value{ width:77%;

浏览 3提问于2015-10-06得票数 0

3回答

右div具有固定宽度的并排div

css、fluid-layout

我有两个div，#左和#右在一个#容器内。左边的div是液体的。右div有一个固定的宽度。当右div保持不变时，如何使左div缩小或展开浏览器大小？似乎不能让这件事成功。令人惊讶的是，相反的(左div固定，右div流体)是容易的。提前谢谢你的帮助。background-color: red;

浏览 1提问于2015-02-26得票数 2

回答已采纳

点击加载更多