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索引仅适用于定位元素,垂直对齐不能有水平值