当前位置: 首页 > 知识库问答 >
问题:

两个外侧凹陷相对于内侧凹陷的高度

云德辉
2023-03-14

我有三个部门:

<div style="float:left; background-color:#000; width:300px;" ></div>
<div style="float:left; color:#000; width:600px;" >Text</div>
<div style="float:left; background-color:#000; width:300px;" ></div>

内部的文本是动态加载的,div的高度应该环绕文本。这很好,但我也希望两个外部div作为某种占位符具有与中间div相同的高度。我怎样才能做到这一点?

我的第一个想法是,我将所有3个div包装在另一个div中,并继承3个div的高度,因为包装div应该与包含文本的div具有相同的高度。但我失败了。

共有1个答案

纪俊良
2023-03-14

如果您不需要支持旧的浏览器,请使用Flexbox。您可能根本不想在基本布局中使用浮动。

 类似资料:
  • 我在BigQuery:count distinct concat(col1,col2,col3,col4,col5)中尝试了PostgreSQL:count distinct(col1,col2,col3,col4,col5) 我的设想是,我需要在BigQuery中获得与PostgreSQL相同的结果 虽然这个场景适用于3列,但我并没有得到与5列PostgreSQL相同的值。 示例查询: 当我删除

  • 本文向大家介绍WinForm相对路径的陷阱,包括了WinForm相对路径的陷阱的使用技巧和注意事项,需要的朋友参考一下 本文所述为使用WinForm相对路径时需要注意的陷阱。这类错误经常会遇到!现分析如下供大家参考。 在Window系统上利用相对路径进行操作时,有一个“当前目录”的概念,如果程序中是利用相对路径进行操作,系统会认为是在当前目录下进行操作,即 相对路径 等于 当前目录 + 相对路径

  • 凹凸图表用于使用其中一个度量值比较两个维度。它探讨了时间维度或地点维度或任何其他相关维度的价值等级变化。 凹凸图表可以采用零维度或多个度量的两个维度。 例如,如果要查找产品的“发货模式(Ship Mode)”与“子类别(Sub-Category)”之间的差异,请考虑数据源,例如样本超市(sample-superstore)。 第1步:将维度子类别(Sub-Category)拖到列架。 第2步:将维

  • 我有一个带有类属性。我无法改变这一点。 我试图在它的右边浮动一个较小的div,但是,它总是出现在父div的下面。我必须如何标记CSS?

  • 关于陷印 在从单独的印版打印的颜色互相重叠或彼此相连处,印刷套不准会导致最终输出中的各颜色之间出现间隙。为补偿图稿中各颜色之间的潜在间隙,印刷商使用一种称为陷印的技术,在两个相邻颜色之间创建一个小重叠区域(称为陷印)。可用独立的专用陷印程序自动创建陷印,也可以用 Illustrator 手动创建陷印。 陷印有两种:一种是外扩陷印,其中较浅色的对象重叠较深色的背景,看起来像是扩展到背景中;另一种是内

  • while (<STDIN>) 一定要小心这点。如果你不知怎么回事地得到了假值(如:空行),你的文件可能 停止处理了。假如你在处理文件读取(除非修改了 $/),这种事一般不会发生, 但却可能发生。 你更喜欢这样运行: while (readdir(DIR)) { 假设你有文件名为 0 的话,那么程序将停止,且不会继续处理文件。 更合适的 while 循环看起来像这样: while ( defin