Ejemplo 1: cuales son los tipos de posicionamiento en css
The types of positioning in CSS are-
1)static: this is the default value.
2)sticky: the element is positioned based on the user's scroll position.
3)fixed: the element is positioned related to the browser window.
4)relative: the element is positioned relative to its normal position.
5)absolute: the element is positioned absolutely to its first positioned parent.
Ejemplo 2: cómo cambiar la posición de un botón en CSS
#mainbutton {
position: relative;
bottom: 30px;
}
Ejemplo 3: div de posición html
<!DOCKTYPE html> <!-- Start of coding page -->
<html> <!-- Start of html coding -->
<head> <!-- Start of head -->
<title>TITLE<title> <!-- Title -->
<script>
//JavaScript
</script>
<style>
/* CSS */
</style>
</head> <!-- End of head -->
<body> <!-- Start of body -->
<div id='mydiv' style = "position:relative; left:0px; top:100px;">
Hello!
<!-- Use that style tag to positions things, have a play around with it! -->
</div>
</body> <!-- End of body -->
<html> <!-- End of html coding -->
<!-- Add this line of code next to your id:
style = "position:relative; left:0px; top:100px;"
too let you position divs where you want them, you can even position
them ontop of other divs! -->
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)