CSS position: fixed;

CSSWeb DevelopmentFront End Technology

The position: fixed; property allows you to position element relative to the viewport. You can try to run the following code to implement CSS position: fixed;

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         div{
            position: fixed;
            bottom: 0;
            right: 0;
            width: 200px;
            border: 3px solid blue;
         }
      </style>
   </head>
   <body>
      <h2>position: fixed;</h2>
      <p>The position: fixed; property allows you to position element relative to the viewport.</p>
      <div>
         div has position: fixed;
      </div>
   </body>
</html>

Output

raja
Published on 08-May-2018 12:58:43
Advertisements