1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- /* lesson 3 */
- * {
- box-sizing: border-box;
- }
- body {
- height: 4000px;
- }
- div {
- font-size: 25px;
- text-align: center;
- /* min-height: 300px; */
- margin-bottom: 50px;
- padding: 30px;
- vertical-align: middle;
- color: #fff;
- }
- .float {
- /* height: auto; */
- padding: 0;
- margin: 0;
- }
- .float::after {
- content: '';
- clear: both;
- display: block;
- }
- .fixed {
- background: rgb(228, 62, 95);
- border: 10px solid rgb(90, 4, 21);
- border-radius: 30%;
- float: left;
- }
- .absolute {
- background: rgb(20, 220, 37);
- border: 5px solid rgb(133, 6, 31);
- float: right;
- height: 200px;
- width: 200px;
- border-radius: 50%;
- }
- .relativ {
- background: rgb(173, 20, 220);
- border: 7px dotted rgb(41, 4, 63);
- }
- .relativ-child {
- background: rgb(220, 110, 20);
- border: 5px solid rgb(114, 59, 7);
- float: left;
- }
|