求教布局问题_html/css_WEB-ITnose

第一张是100%时候的,左边和头部标题都正常显示,但像第二张一样缩小为50%时候时,左边和头部都显示不正常了,使什么问题
代码是这样的:
 body{
text-align:center;
margin:0 auto;
background-color:#f4f4f5;
}
 .div_top{
width:1000px;
height:100px;
margin:0 auto;
}
.div_left{
width:150px;
height:500px;
}
.div_top_img img{
width:100px;
height:100px;
float:left;
}
 .div_top_nav ul{
width:500px;
margin:0 0 0 200px;
}
 .div_top_nav li{
display:inline-block;
margin:0 30px 0 0;
}
 .div_top_nav a{
font-size:20px;
font-weight:bold;
line-height:100px;
}
 .div_top_nav a:link{
display:block;
text-decoration:none;
width:100px;
height:100px;
background-color:#f4f4f5;
color:black;
}
 .div_top_nav a:visited{
display:block;
text-decoration:none;
width:100px;
height:100px;
background-color:#f4f4f5;
color:black;
}
 .div_top_nav a:hover{
background-color:gray;
}
 .div_top_nav a:active{
background-color:gray;
}
.div_left ul{
border:1px solid #cdcdcd;
margin:0;
padding:0;
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
list-style-type:none;
}
 .div_left a{
line-height:250px;
}
 .div_left a:link{
display:block;
width:74px;
height:250px;
text-decoration:none;
color:black;
}
 .div_left a:visited{
color:black;
}
 .div_left a:hover{
background-color:red;
}
上面是css样式

  
    
     首页
     首页
     首页
    
  
 
 
  
   
    首页
    首页
    首页
    首页
   
  

回复讨论(解决方案)

1.表格问题
2.frame位置

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    关于各版本浏览器滚动条问题_html/css_WEB-ITnose

    2025-3-29 13:44:14

    编程技术

    iOS的布局体系-浮动布局MyFloatLayout_html/css_WEB-ITnose

    2025-3-29 13:44:23

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索