Question

我有一个包含css菜单的页面。

我想把它放在我想要的地方。如果我这样做{margin-top：30pt;}它可以工作，但它会转移其他东西或自己转移。无论如何都要把它放在忽略其他元素的位置。

忽略我的坏英语。

<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' type='text/css' href='styles.css' />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10./jquery.min.js'>     </script>
</head>
<body>
<h1>HELLPO!</h1>
<div id="cssmenu" style = "position: relative; margin-top: 100pt; overflow: hidden;">
<ul>
<li class='active'><a href='index.html'><span>Home</span></a></li>
<li><a href='#'><span>Products</span></a></li>
<li><a href='#'><span>About</span></a></li>
<li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>
</body>
</html>

Answer 1

是的，使用position：absolute。绝对位置不会影响其他元素，也不关心它们的位置。

根据最佳效果调整px。

<div id="cssmenu" style = "position: absolute; top: 100px; left: 100px; overflow: hidden;">

定位Div容器

1 个答案: