html - div 100% height with 40px bottom margin -
I know that nothing has been said before. But this is slightly different because it contains CSS transitions.
.panel {width: inherit; Height: 0%; Display area; Status: Completed; Background: # 000; Opacity: 0; Z-index: 2; Margin-top: 40px; Margin-right: 40px; Margin-left: 40px; Margin-down: 40px; Bottom: 0; Top: 0; Left: 0; Correct: 0; -WebKit-Infection: All .8s ease-in-out; -Mozy-infection: All .8s ease-in-out; -O-Infection: All .8s ease-in-out; Transition: all .8s easily out; } When the box is opened, I am trying to get 40px in the green box on all sides from the browser perimeter.
Any ideas how can I fix this?
Edit: At the same time, I still want to wipe and wipe out while opening and closing the box.
The reason for this is that you height : 100% in the .panel: target . If you remove it then it will be fine. .panel: target {background color: RGBA (226, 22, 16, 0.8); Opacity: 100; Width: Heir; Display area; Margin-top: 40px; Margin-right: 40px; Margin-left: 40px; Bottom: 0; Top: 0; Left: 0; Correct: 0; }
Comments
Post a Comment