Question

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”en” xml:lang=”en”>
<head>
<style type="text/css">
table{

text-align:centre;
left:200px;
right:200px;
}
.karan
{
margin-top: 280px;
}
</style>
</head>
<body>
<a class="karan" href="#">asd</a>
<table>
<tr><th>haha</th><th>hoho</th></tr>
<tr><td>asdasd</td><td>asdasdasdas</td></tr></table>
</body></html>

我希望结果是一个顶部有280px空间的链接，以及一个距离浏览器屏幕右侧大约200px的空间的表格，但结果与存在的结果相同没有样式标签，我期待有什么不对劲。剩下的是什么：正确：财产当时有效吗？

Answer 1

锚标记是所谓的内联元素，因此您不能在它们上使用margin-top。您可以将锚标记包装在div中，并将margin-top属性应用于该标记。

至于表格，你想要的是200px两边的边距，你不能只使用左右边距。

以下代码应该有效：

table {
    text-align:center;
    margin-left:200px;
    margin-right:200px;
}

.karan {
    margin-top: 280px;
}


<div class="karan"><a href="#">asd</a></div>
<table>
    <tr><th>haha</th><th>hoho</th></tr>
    <tr><td>asdasd</td><td>asdasdasdas</td></tr>
</table>

Answer 2

您需要为表格分配一个位置值，同时您的文本对齐值也会被拼写错误：

table {
  text-align:center;
  left:200px;
  postion: absolute;
}

此外，如果同时指定右侧和左侧或顶部和底部，则可将框展开为这些坐标。

Answer 3

top，right，bottom和left属性是用于element shifting的属性，这意味着他们想要从边缘推送元素父元素。但它们不适用于statically定位的元素。 position: static;是任何元素的默认定位集，除非您另行指定。要启用元素转换，即能够使用top，right，bottom和left属性，您应该定位元素relatively，{{ 1}}或absolutely。使用这个CSS：

fixed

Css定位

3 个答案: