Jquery 如何在切换幻灯片菜单旁边放置div？_Jquery_Css_Html

Jquery 如何在切换幻灯片菜单旁边放置div？

jquery css html

Jquery 如何在切换幻灯片菜单旁边放置div？,jquery,css,html,Jquery,Css,Html,几个月来，我一直在慢慢学习一些HTML、CSS、Java和jQuery，我刚刚遇到了这个问题，我过去解决过这个问题，但现在我真的被卡住了！我有一个容器中的一些div，其中包括一个向下滑动菜单。我希望主文本框位于菜单的右侧。我试过漂浮：对，但它会飘到那边，但不会并排飘。这可能是一个非常愚蠢的问题，但我想我会问，而不是没有帮助。很抱歉成为一个“n00b”。。。如果我的代码写得不好或类似的话，也很抱歉：/ 这是我的密码： <html> <head> <link type=

几个月来，我一直在慢慢学习一些HTML、CSS、Java和jQuery，我刚刚遇到了这个问题，我过去解决过这个问题，但现在我真的被卡住了！我有一个容器中的一些div，其中包括一个向下滑动菜单。我希望主文本框位于菜单的右侧。我试过漂浮：对，但它会飘到那边，但不会并排飘。这可能是一个非常愚蠢的问题，但我想我会问，而不是没有帮助。很抱歉成为一个“n00b”。。。如果我的代码写得不好或类似的话，也很抱歉：/

这是我的密码：

<html>
<head>
<link type='text/css' rel='stylesheet' href='stylesheet.css'/>
<script src="jquery.min.js">
</script>
<script> 
$(document).ready(function(){
        $("#flip").click(function(){
        $("#panel").slideToggle("slow");
        $("#panel2").slideToggle("slow");
        $("#panel3").slideToggle("slow");
    });
});

抱歉这么傻，但我想我们都从某个地方开始…

你可以这样做：

#textbox
{
    font-family:arial;
    font-size:14px;
    padding:10px;
    width:770px;
    height:500px;
    text-align:left;
    background-color:red;
    border:solid 1px #000000;
    position:absolute;
    left:210px;
    top:72px;
}

使用已经在代码中使用的CSS的绝对位置

在这里查看

    #container
{
    position:absolute;
    left:50%;
    width:1024px;
    height:100%;
    margin-left:-512px;
}



#header
{
    font-family:arial;
    font-size:32px;
    padding:10px;
    width:1002px;
    height:50px;
    text-align:center;
    background-color:#ffffff;
    border:solid 1px #000000;
}

#panel,#flip, #panel2, #panel3
{
    font-family:arial;
    padding:15px;
    width:200px;
    text-align:center;
    background-color:#ffffff;
    border:solid 1px #000000;
}

#panel
{
    padding:10px;
    width:210px;
    display:none;
}

#panel2
{
    padding:10px;
    width:210px;
    display:none;
}

#panel3
{
    padding:10px;
    width:210px;
    display:none;
}

#textbox
{
    font-family:arial;
    font-size:14px;
    padding:10px;
    width:770px;
    height:500px;
    text-align:left;
    background-color:#ffffff;
    border:solid 1px #000000;
    float:right;
}

#textbox
{
    font-family:arial;
    font-size:14px;
    padding:10px;
    width:770px;
    height:500px;
    text-align:left;
    background-color:red;
    border:solid 1px #000000;
    position:absolute;
    left:210px;
    top:72px;
}