使用 CSS 定位 HTML 元素

WBOY
WBOY 转载
2023-09-09 21:01:02 167浏览

使用 CSS 定位 HTML 元素

CSS 帮助您定位 HTML 元素。您可以将任何 HTML 元素放置在您喜欢的任何位置。您可以指定元素是相对于其在页面中的自然位置定位,还是基于其父元素进行绝对定位。

示例

让我们看一个相对定位的示例 -

 <html>
    <head>
    </head>
    <body>
       <div style = "position:relative;left:70px;top:1px;background-color:blue;color: white;">
          This div has relative positioning.
       </div>
    </body>
</html>

以上就是使用 CSS 定位 HTML 元素的详细内容,更多请关注php中文网其它相关文章!

声明:本文转载于:tutorialspoint,如有侵犯,请联系admin@php.cn删除