Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在单元格中放置div div { 顶部:10px; 左:30px; 背景色:红色; 宽度:100px; 高度:30px; } 内容_Html - Fatal编程技术网

Html 在单元格中放置div div { 顶部:10px; 左:30px; 背景色:红色; 宽度:100px; 高度:30px; } 内容

Html 在单元格中放置div div { 顶部:10px; 左:30px; 背景色:红色; 宽度:100px; 高度:30px; } 内容,html,Html,如何将div 10/30px定位到右单元格的顶部/左侧? 如果div的大小超过单元格的大小,我还希望单元格随div一起增长 谢谢, 程使用位置:相对和位置:绝对在分区上。CSS <html> <head> <style type="text/css"> div { top: 10px; left: 30px; background-color: red; width: 100px; height: 30px; } </style> </hea

如何将div 10/30px定位到右单元格的顶部/左侧?
如果div的大小超过单元格的大小,我还希望单元格随div一起增长

谢谢,

使用
位置:相对
位置:绝对在分区上。

CSS

<html>
<head>
<style type="text/css">
div
{
top: 10px;
left: 30px;
background-color: red;
width: 100px;
height: 30px;
}
</style>
</head>

<body>
<table width='500' border='1'>
<tr>
     <td height='300' width='250'></td>
     <td height='300' width='250'><div>content</div></td>
</tr>
</table>
</body>

</html>

然而,在表示中使用标记是不好的。不要使用表格进行放置。

在div上添加
position:relative

margin-top: 10px;
margin-left: 30px;
默认情况下,td的
valign
为中心,您可能希望将其设置为
top


工作

尝试左边距和右边距顶部,这可能也会起作用…看起来像是一个示例页面,所以可能不是这样。但我同意。此外,使用CSS而不是属性宽度和高度。是否有任何方法可以使单元格随div增长,现在div的大小可以超过单元格的大小除去您给单元格的高度,它将随着内部div的增长而增长。是否希望div消失?如果是,则将高度设置为td。
div
{
top: 10px;
left: 30px;
background-color: red;
width: 100px;
height: 30px;
position: relative;
}