配置头部

Question

我有一个标题出现在我的浏览器“数据库”的顶部。我喜欢标题，但我想移动它，使它出现在我的下拉菜单顶部

当我试图将头移动到下一个div下面时，它会给我一个error

app.layout = html.Div([
    html.Div(

        html.Div([html.H1("Surfactants Database")],
             style={'textAlign': "center", "padding-bottom": "10", 
"padding-top": "10"}),

        [html.Div(dcc.Dropdown(id="select-xaxis", placeholder = "Select x- 
   axis", value = "Concentration Surfactant(%)", options=[{'label': 
i.title(),'value': i}  for i in dv.columns[5:]],                         
), className="four columns",
                  style={"display": "block", "margin-left": "auto",
                         "margin-right": "auto", "width": "80%"}),

     html.Div(dcc.Dropdown(id="select-yaxis", placeholder = "Select y-axis", value = "Concentration Additive (%)", options=[{'label': i.title(), 'value': i} for i in dv.columns[5:]],
                            ), className="four columns",
              style={"display": "block", "margin-left": "auto",
                     "margin-right": "auto", "width": "80%"}),

     html.Div(dcc.Dropdown(id="select-zaxis", placeholder = "Select z-axis", value = "Quality", options=[{'label': i.title(), 'value': i} for i in dv.columns[5:]],
                            ), className="four columns",
              style={"display": "block", "margin-left": "auto",
                     "margin-right": "auto", "width": "80%"}),

     html.Div(dcc.Dropdown(id="select-species", placeholder = "Select species", value = "Concentration Surfactant(%)", options=[{'label': i.title(), 'value': i} for i in dv.columns[5:7]],
                            ), className="four columns",
              style={"display": "block", "margin-left": "auto",
                     "margin-right": "auto", "width": "80%"})

     ],style={"z-axis":1,"left":0,"padding-bottom":700, "display": "inline-block", "margin-left": "auto",
                                "margin-right": "auto","margin-top": "auto", "width": "15%"}),
html.Div(
    html.Div([dcc.Graph(id="my-graph")]),
    style={"right":0,'width': '85%', 'display': 'inline-block', 'height':'100vh'}),
],style={'position':"fixed", 'top':0, 'left':0, 'right':0, 'bottom':0,'backgroundColor': "#2D2D2D", 'width':"100%", 'height':"100vh"})