Html 在单元格中放置div div { 顶部:10px; 左:30px; 背景色:红色; 宽度:100px; 高度:30px; } 内容
如何将div 10/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的大小超过单元格的大小,我还希望单元格随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;
}