Html div中div上方的浮动台

Html div中div上方的浮动台,html,css,Html,Css,我有一个类似的代码 <div id="container" > <div id="content"></div> <table id="link" cellspacing=0px; cellpadding=0px;> </table> </div> 我希望它显示得像 没有绝对的 但它的显示方式并不是像任何帮助都值得赞赏一样?

我有一个类似的代码

<div id="container" >
     <div id="content"></div>                               
    <table id="link" cellspacing=0px; cellpadding=0px;>
    </table>    
</div> 
我希望它显示得像

没有绝对的


但它的显示方式并不是像任何帮助都值得赞赏一样?

使用浮动div,但将div的
左边距设置为负数,这样它就可以在表上“浮动”

使用浮动div,但将div的
左边距设置为负数,这样它就可以在表上“浮动”

例如:

CSS:

HTML:


工作正常。

例如:

<div style="float:right;background:red;width:200px;">This is a test.</div>
<table style="display:block;background:green;">
<tr style="display:block;">
<td style="display:block;">
This is a very long string. This string should break to the next line instead of spanning across like usual.
</td>
CSS:

HTML:



工作正常。

首先:您有一个
容器
元素,但没有绑定CSS语句。您有一个
contentDiv
CSS语句,但没有相应的HTML元素

<div style="float:right;background:red;width:200px;">This is a test.</div>
<table style="display:block;background:green;">
<tr style="display:block;">
<td style="display:block;">
This is a very long string. This string should break to the next line instead of spanning across like usual.
</td>
第二:正如davblayn提到的,您可以使用负的
左边距

#link {
    ...
    margin-right:-40px;
    ...
}

.

首先:您有一个
容器
元素,但没有绑定到它的CSS语句。您有一个
contentDiv
CSS语句,但没有相应的HTML元素

第二:正如davblayn提到的,您可以使用负的
左边距

#link {
    ...
    margin-right:-40px;
    ...
}

.

如果您将每个表格元素的
显示
属性更改为
,它将强制表格返回块模式,然后一切正常

<div style="float:right;background:red;width:200px;">This is a test.</div>
<table style="display:block;background:green;">
<tr style="display:block;">
<td style="display:block;">
This is a very long string. This string should break to the next line instead of spanning across like usual.
</td>
这是一个测试。
这是一根很长的绳子。这个字符串应该断开到下一行,而不是像往常一样跨越。

如果将每个表元素的
显示
属性更改为
,它将强制表返回块模式,然后一切正常

<div style="float:right;background:red;width:200px;">This is a test.</div>
<table style="display:block;background:green;">
<tr style="display:block;">
<td style="display:block;">
This is a very long string. This string should break to the next line instead of spanning across like usual.
</td>
这是一个测试。
这是一根很长的绳子。这个字符串应该断开到下一行,而不是像往常一样跨越。

为什么不想使用绝对定位?哇,你的css真的很糟糕:你不能向内联元素添加维度,z索引只对定位元素有效,垂直对齐不能有水平值为什么不想使用绝对定位?哇,你的css真的很糟糕:你不能向内联元素添加维度,z索引仅适用于定位元素,垂直对齐不能有水平值