Trung tâm cá nhân
sách gpt4 ai đã đi

html - 外部 CSS 高度不起作用

In lại 作者：行者123 更新时间：2023-11-28 05:57:41 26 4
mua khóa gpt4 Nike

我正在尝试使用外部样式页面来设置我的页面样式。我的一些 div 接受了所有样式，而另一些则没有。特别是，所有带有图像文件的文件都采用除高度和/或宽度之外的所有样式。 Z 位置、左侧、顶部等都可以正常工作。我检查了 DOM 资源管理器，它没有显示它从 body 标签继承了它的大小，但我不明白为什么它不能正确调整它们的大小。

HTML:

    
    
    <đầu>
        
        
        
    

    

        
 The Amazing Race For an A! 


        
 Professor Ford Vs Michael Meis 


        

        

        

        

        


         

        

            
        

            




        

            
        


        

            
        


        

            
        


        

            
            




            
        


        
            illuminateRed()
            hideImage()

CSS:

    html
{
    height: 100%;
    width: 100%;
}

thân hình 
{
font-family: sans-serif;
background: url("images/checkback.png");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden; 
}

div.racer1
{
    width: 10px;
    vị trí: tuyệt đối;
    left: 25px;
    top: 325px;
    z-index: 2; 
}

div.racer2
{
    width: 10px;
    vị trí: tuyệt đối;
    left: 25px;
    top: 500px;
    z-index:2;
}

div.road1
{
    vị trí: tuyệt đối;
    left: 30px;
    top: 325px;
    z-index: 1;
    height: 133px;
    width: 1180px:
}

div.road2
{
    vị trí: tuyệt đối;
    left: 30px;
    top: 500px;
    z-index: 1;
    height: 133px;
    width: 1180px;
}

div.winners
{
    vị trí: tuyệt đối;
    left: 5px;
    top: 0px;
    z-index: 3;
    width: 100%;
    height: 100%;
}

h1.amazing
{
    font-size: 30px;
    vị trí: tương đối;
    top: 150px;
    left: 20px;
    color: gold;
}

h1.fordmeis
{
    font-size: 30px;
    vị trí: tương đối;
    top: 90px;
    left: 700px;
    color: gold;
}

#traffic-light 
{
chiều cao: 200px;
width: 100px;
left: 500px;
vị trí: tuyệt đối;
background-color: #333;
border-radius: 40px;
margin: -100px 0;
padding: 20px;
}

.bulb 
{
chiều cao: 50px;
chiều rộng: 50px;
background-color: #111;
border-radius: 50%;
margin: 15px auto;
transition: background 500ms;
}

div.vertical-line
{
width: 0px;
height: 315px;
top: 55px;
position:relative;
left: 1200px;
color: gold;
border: 10px inset;
z-index: 1;
}

1 Câu trả lời

您需要在 img 标签中内联定义图像的高度和宽度。

关于html - 外部 CSS 高度不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36975039/

26 4 0
Bài viết được đề xuất: javascript - 图片库上模态上的后退和前进按钮(滚动浏览)？
Bài viết được đề xuất: html - 当我使用 cover 值时，背景大小不会缩放
Bài viết được đề xuất: php - CSS 为列表中的最后一个子项设置样式
Bài viết được đề xuất: c++ - 用 VS2013 编译的应用程序需要 VS2005 运行时
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com