Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
对齐菜单和内容CSS_Css - Fatal编程技术网

对齐菜单和内容CSS

对齐菜单和内容CSS,css,Css,我已经做了这个CSS布局,但是我不能正确地将菜单调整到内容 body{ margin:0; background:url(wb_menu_bg.jpg) repeat-y; } #bg-left { color:#FFF; width:225px; position:absolute; margin:0; } #content { margin:0 0 0 230px; } #menu8 { width: 200px;

我已经做了这个CSS布局,但是我不能正确地将菜单调整到内容

body{
    margin:0;
    background:url(wb_menu_bg.jpg) repeat-y;

}



#bg-left {
    color:#FFF;
    width:225px;
    position:absolute;
    margin:0;
 }

#content {
margin:0 0 0 230px;
}

 #menu8 {
    width: 200px;
    margin-top: 0px;
}

#menu8 li a {
   text-decoration: none;
   voice-family: "\"}\""; 
   voice-family: inherit;
}

 #menu8 li a:link, #menu8 li a:visited {
    color: #777;
    display: block;
    background: url(images/menu8.gif);
    padding: 8px 0 0 20px;
}

#menu8 li a:hover {
     color: #257EB7;
    background: url(images/menu8.gif) 0 -32px;
    padding: 8px 0 0 25px;
 }

#menu8 li a:active {
    color: #fff;
    background: url(images/menu8.gif) 0 -64px;
    padding: 8px 0 0 25px;
 }

#menu8 ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

 h2 {
   font-size:18px;
  }

#inlogform{
    width:50%;
    height:50%;
    position:absolute;
    left:50%;
    top:50%;
    margin:-170 0 0 -180px;
color:white;
 }

 #inlogform td
 {
    color:white;
 }

 #bg{

    width:100%;
    height:100%;
    background: url(boekenkast.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
  }

#inlogform a:link {color:#FFFFFF;}      /* unvisited link */
#inlogform a:visited {color:#FFFFFF;}  /* visited link */
#inlogform a:hover {color:#FFFFFF;}  /* mouse over link */
#inlogform a:active {color:#FFFFFF;}  /* selected link */
但这条路线不是我想要的

目前情况:

理想情况


有人能告诉我我做错了什么吗。

您应该在css文件中使用:

.BG-LEFT{
float:left;
}
有关浮动的详细信息,请参阅:

您应该在css文件中使用:

.BG-LEFT{
float:left;
}
有关浮动的详细信息,请参阅:

您应该在css文件中使用:

.BG-LEFT{
float:left;
}
有关浮动的详细信息,请参阅:

您应该在css文件中使用:

.BG-LEFT{
float:left;
}
有关浮动的详细信息,请参阅:

你需要在你想坐在一起的东西上实现
浮动:left
.bg left
#inlogform
)。或者将
float:left
放在左侧元素上,将
float:right
放在右侧元素上,因为父容器将足够宽/窄,可以将它们彼此靠近。

您需要在想要坐在一起的东西上实现
float:left
.bg left
#inlogform
)。或者将
float:left
放在左侧元素上,将
float:right
放在右侧元素上,前提是父容器足够宽/窄,可以将它们彼此靠近。

您需要将
float:left
放在您想坐在一起的东西上(
.bg left
#inlogform
)。或者将
float:left
放在左侧元素上,将
float:right
放在右侧元素上,前提是父容器足够宽/窄,可以将它们彼此靠近。

您需要将
float:left
放在您想坐在一起的东西上(
.bg left
#inlogform
)。或者在左侧元素上有
float:left
,在右侧元素上有
float:right
,因为父容器足够宽/窄,可以将它们彼此靠近。

您可以尝试添加一个

float:left; 
去你的菜单

e、 g

假设你的菜单是左边的bg


否则,您是否能够提供指向html或网站的链接?

您可以尝试添加

float:left; 
去你的菜单

e、 g

假设你的菜单是左边的bg


否则,您是否能够提供指向html或网站的链接?

您可以尝试添加

float:left; 
去你的菜单

e、 g

假设你的菜单是左边的bg


否则,您是否能够提供指向html或网站的链接?

您可以尝试添加

float:left; 
去你的菜单

e、 g

假设你的菜单是左边的bg


否则,您是否能够提供指向html或网站的链接?

谢谢,这正是我需要的谢谢,这正是我需要的谢谢,这正是我需要的谢谢,这正是我需要的谢谢,这正是我需要的谢谢,我将阅读w3s文章了解更多信息谢谢,我将进一步阅读w3s文章er信息谢谢我将阅读w3s文章了解更多信息谢谢我将阅读w3s文章了解更多信息