css - 带 div 的表格布局

标签 css html

我有一个我无法解决的问题,所以如果有人能帮助我,感激不尽:


________________________________________________________________________________
|       body                                                                    |
|                                                                               |
| ___________   _______________________________________________________________ |
| |          | |                                                               ||           
| |  div B   | |                                                               ||
| |          | |                                                               ||
| |__________| |                                                               ||
|              |     div C                                                     ||
|              |                                                               ||
|              |                                                               ||
|              |                                                               ||
|              |                                                               ||
|              |                                                               ||
|              |                                                               ||
|              |_______________________________________________________________||
|_______________________________________________________________________________|

here is my code for this:


<body>
...
<div style="float: left;">...</div>
<div style="float: left;">...</div>
...
</body>

问题是,每当我输入 div Cdiv C(看绘制的轮廓)更宽的文本时,div C 在整个 body 宽度上改变了它在 div B 下的位置。

那么,谁能告诉我如何使 div C 在不指定任何大小值(我的意思是数值)的情况下不改变其位置?

谢谢!

注意我试图将 div Bdiv C 放在 display:blockdisplay:inline-block div,但没有任何结果

最佳答案

使用negative marginsdisplay: table/table-cell

关于css - 带 div 的表格布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9376634/

相关文章:

javascript - 如何使某个 DIV 成为第一个 child 以及它附加到末尾之前的任何内容

javascript - bootstrap-select 下拉菜单被另一个下拉菜单隐藏

javascript - 如何从多个图像访问多个 alt 属性值?

javascript - 如果取消选择一个输入,如何取消选择 "all"选择器

html - 实现 Bootstrap 4 数据表

css - 我可以在不同浏览器中获得一致的 CSS 颜色吗?

javascript - 第一次通话后单击时添加类不起作用

html - ul li 在 div 左侧对齐和对齐

html - 表 :last-child not working

html - Xpath选择所有子节点