CSS: Make Div Fill Entire Screen Vertically & Horizontally

fillVerticalAndHorizontal.js

export default function Home() {
  return(
    <div 
      style={{
        position: 'absolute', 
        height: '100%', 
        width: '100%', 
        top: 0, 
        bottom: 0, 
        margin: 0, 
        padding: 0, 
        backgroundColor: 'purple'
      }}
     >
    </div>
  );
}