The variety of websites is increasing day by day and different users have the right to choose one of them, one of the factors that affect the choice of users is the layout of a site due to the fact that when the site layout is attractive , it causes the users to choose it among others, there are various elements which are effective in creating a page, and in addition to the existence, their arrangement is of a great importance, and you must choose where each element should be placed very carefully, in the following, we are going to pay more attention to this issue.

What is CSS?

CSS stands for Cascading style sheets which is used for the appearance of the site, in simple terms, it describes how HTML elements should be displayed on different sites.

How to position in CSS?

Determining the correct position for different elements is so essential, and it is an issue that may not be taken seriously, so that when they want to fix the existing bugs, they may try to change the position of the elements without proper awareness of its consequences, which may eventually be right or wrong, and they may be able to find the right position by repeating this process, but it would be so boring, you should also pay attention to the fact that for each element, depending on the purpose of placing them in the content, different position may be suitable, in the following, we are going to examine the different methods that exist in order to determine the position of elements.

Position properties:

Position may have different properties, such as static, relative, absolute, fixed, and inherit, each of which is used for different purposes, so that you need to specify your purpose first and then determine the position.It allows you to place elements in a specific location on the page, or to set one element in front of another, or vice versa, you can determine the position of different elements according to the method you use with the help of top, bottom, left and right properties.In the following section, we are going to explain the different positioning methods.

- Static:

If you do not set the position, the elements will be static by default, in fact, through this way, all the elements will be in accordance with the normal flow of the page layout, it should be also noted that the elements that you determine their position in this way cannot be affected by the top, bottom, left, right properties, now consider the following examples. 

Read more on:https://www.dotnek.com/Blog/Web/learning-how-to-position-in-css

link:https://dotnek.mystrikingly.com/

Related link:Which country has the best hackers?