好吧问答库 > div+css的四行自适应手机端屏幕布局怎么写？高度、宽度为自适应100%，即为满屏显示

div+css的四行自适应手机端屏幕布局怎么写？高度、宽度为自适应100%，即为满屏显示

2024-11-01 21:41:49

有1个网友回答

网友（1）：

*{
    margin:0;
    padding:0;    
}
html,body{
    height:100%;    
}
.line1,.line4{
    position:absolute;
    width:100%;
    height:50px;
    z-index:5;    
}
.line1{
    top:0;    
}
.line2{
    position:relative;
    height:50%;
    z-index:1;    
}
.line3{
    position:relative;
    height:50%;
    z-index:1;    
}
.line4{
    bottom:0;    
}

我想你要表达是是高50吧？不太会表述，还是直接给你上代码吧