Why can’t I extend this box to the left side of the screen?

I am learning about how to make boxes, containers and the like right now, and I am trying to format them. But I have run into issues on attempting to freely change the size of the boxes. For some reason, I can’t seem to change the width of the box to make it extend all the way to the end of the left side of the screen? Trying to use 0px and negative values didn’t seem to do anything either. Using 0px for the width makes it really thin and clumped up together.

Here is my code. I have been taking notes as well so let me know if I got something wrong there.

* {
    box-sizing:content-box;
}
.container{
    background-color: hsl(0, 0%, 24%);
    
}
.box{

    background-color: hsl(0, 0%, 100%);
    border: 2px solid;
    /* TRBL */

    /* Using the bottom part of padding makes 
    white space go down instead of extend up? */
    /* Using the right and left causes the white space
    to go right with both directions */
    /* Bottom right is normal direction of the box extension. */

    /* Padding is space inside element, Margin is space outside element */
/* vh, vw, em, rem cannot allow big numbers like 100.  */
/* Px allows usage of big numbers like 100 */
/* Percentage impacts whole box */
/* Gives space inside box. Padding-bottom means gives space at bottom side 
of box */

    padding: 0px 0px 0px 0px;

    position: relative;
    left: 200px;
    top: 100px;
    width: 0%;
    height: 70%;
    float: left;
    text-align: center;
    
    
   
        

    
}

The original code is this:

* {
    box-sizing:content-box;
}
.container{
    background-color: hsl(0, 0%, 24%);
    
}
.box{

    background-color: hsl(0, 0%, 100%);
    border: 2px solid;
    /* TRBL */

    /* Using the bottom part of padding makes 
    white space go down instead of extend up? */
    /* Using the right and left causes the white space
    to go right with both directions */
    /* Bottom right is normal direction of the box extension. */

    /* Padding is space inside element, Margin is space outside element */
/* vh, vw, em, rem cannot allow big numbers like 100.  */
/* Px allows usage of big numbers like 100 */
/* Percentage impacts whole box */
/* Gives space inside box. Padding-bottom means gives space at bottom side 
of box */

    padding: 0px 0px 0px 0px;

    position: relative;
    left: 200px;
    top: 100px;
    width: 70%;
    height: 70%;
    float: left;
    text-align: center;
    
    
   
        

    
}

Html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bro Code</title>
    <link rel="stylesheet" href="test.css">
<body>

    <div class="container">

        
        <div class="box">
            <h2>This is #2</h2>
        </div>
    </div>
    
</body>
</html>

Here is the original look of the box before I included 0px:

This is where I am trying to extend:

Trang chủ Giới thiệu Sinh nhật bé trai Sinh nhật bé gái Tổ chức sự kiện Biểu diễn giải trí Dịch vụ khác Trang trí tiệc cưới Tổ chức khai trương Tư vấn dịch vụ Thư viện ảnh Tin tức - sự kiện Liên hệ Chú hề sinh nhật Trang trí YEAR END PARTY công ty Trang trí tất niên cuối năm Trang trí tất niên xu hướng mới nhất Trang trí sinh nhật bé trai Hải Đăng Trang trí sinh nhật bé Khánh Vân Trang trí sinh nhật Bích Ngân Trang trí sinh nhật bé Thanh Trang Thuê ông già Noel phát quà Biểu diễn xiếc khỉ Xiếc quay đĩa Dịch vụ tổ chức sự kiện 5 sao Thông tin về chúng tôi Dịch vụ sinh nhật bé trai Dịch vụ sinh nhật bé gái Sự kiện trọn gói Các tiết mục giải trí Dịch vụ bổ trợ Tiệc cưới sang trọng Dịch vụ khai trương Tư vấn tổ chức sự kiện Hình ảnh sự kiện Cập nhật tin tức Liên hệ ngay Thuê chú hề chuyên nghiệp Tiệc tất niên cho công ty Trang trí tiệc cuối năm Tiệc tất niên độc đáo Sinh nhật bé Hải Đăng Sinh nhật đáng yêu bé Khánh Vân Sinh nhật sang trọng Bích Ngân Tiệc sinh nhật bé Thanh Trang Dịch vụ ông già Noel Xiếc thú vui nhộn Biểu diễn xiếc quay đĩa Dịch vụ tổ chức tiệc uy tín Khám phá dịch vụ của chúng tôi Tiệc sinh nhật cho bé trai Trang trí tiệc cho bé gái Gói sự kiện chuyên nghiệp Chương trình giải trí hấp dẫn Dịch vụ hỗ trợ sự kiện Trang trí tiệc cưới đẹp Khởi đầu thành công với khai trương Chuyên gia tư vấn sự kiện Xem ảnh các sự kiện đẹp Tin mới về sự kiện Kết nối với đội ngũ chuyên gia Chú hề vui nhộn cho tiệc sinh nhật Ý tưởng tiệc cuối năm Tất niên độc đáo Trang trí tiệc hiện đại Tổ chức sinh nhật cho Hải Đăng Sinh nhật độc quyền Khánh Vân Phong cách tiệc Bích Ngân Trang trí tiệc bé Thanh Trang Thuê dịch vụ ông già Noel chuyên nghiệp Xem xiếc khỉ đặc sắc Xiếc quay đĩa thú vị
Trang chủ Giới thiệu Sinh nhật bé trai Sinh nhật bé gái Tổ chức sự kiện Biểu diễn giải trí Dịch vụ khác Trang trí tiệc cưới Tổ chức khai trương Tư vấn dịch vụ Thư viện ảnh Tin tức - sự kiện Liên hệ Chú hề sinh nhật Trang trí YEAR END PARTY công ty Trang trí tất niên cuối năm Trang trí tất niên xu hướng mới nhất Trang trí sinh nhật bé trai Hải Đăng Trang trí sinh nhật bé Khánh Vân Trang trí sinh nhật Bích Ngân Trang trí sinh nhật bé Thanh Trang Thuê ông già Noel phát quà Biểu diễn xiếc khỉ Xiếc quay đĩa
Thiết kế website Thiết kế website Thiết kế website Cách kháng tài khoản quảng cáo Mua bán Fanpage Facebook Dịch vụ SEO Tổ chức sinh nhật