> 웹 프론트엔드 > HTML 튜토리얼 > 求教布局问题_html/css_WEB-ITnose

求教布局问题_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 08:51:34
원래의
1027명이 탐색했습니다.



第一张是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位置

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿