Question

这是菜单的css，网址是http://theponypeople.com/test.html
如果你需要html查看页面的源代码，我需要很快找到这个想法！我只需要菜单转到页面上图像的底部！

#tsc_breadcrumb-5{
  /* Clear floats */
  overflow: hidden;
  width: 100%;
list-style-type:none;
padding:0;
margin:0;     
}

#tsc_breadcrumb-5 ul{
list-style-type:none;
padding:0;
margin:100;

}

#tsc_breadcrumb-5 li{
  float: left;
  margin: 0 .5em 0 1em;
}

#tsc_breadcrumb-5 a{
  background: #ddd;
  padding: .7em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5); 
  position: relative;
}

#tsc_breadcrumb-5 a:hover{
  background: #99db76;
}

#tsc_breadcrumb-5 a::before{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #ddd #ddd #ddd transparent;
  left: -1em;
}

#tsc_breadcrumb-5 a:hover::before{
  border-color: #99db76 #99db76 #99db76 transparent;
}

#tsc_breadcrumb-5 a::after{
  content: "";
  position: absolute;
  top: 50%; 
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #ddd;
  right: -1em;
}

#tsc_breadcrumb-5 a:hover::after{
  border-left-color: #99db76;
}

#tsc_breadcrumb-5 .current,
#tsc_breadcrumb-5 .current:hover{
  font-weight: bold;
  background: none;
}

#tsc_breadcrumb-5 .current::after,
#tsc_breadcrumb-5 .current::before{
  content: normal;
}

Answer 1

你可以尝试申请

position: absolute
top:344px

进入gwd-div-h6zd课程，并根据需要调整数字

在ptml布局中过度使用定位通常不是一个好主意，因为你的div将不在流程中，因此难以管理布局

怎么能让我的菜单向下移动

1 个答案: