html - 显示 : inline removes blocks

Question

我已经学习 HTML 和 CSS 大约 2 个月了，但显然我仍然是新手。我试图在这里创建一些标题导航栏，但是当我设置属性 display:inline 时，噗!他们消失了。我很确定这个问题很简单，但您提供的任何输入都会有所帮助。

div { 
    border-radius: 5px 55px 5px 55px;
}

#Header {
    height: 50px; 
    width: 200px; 
    background-color: #f38630; 
    margin-bottom: 10px; 
    margin-top: 10px; 
    display: inline;
}

.Left {
    height: 300px; 
    width: 150px; 
    background-color: #A7DBD8; 
    float: left; 
    margin-bottom: 10px;
}

.Right {
    height: 300px; 
    width: 450px; 
    background-color: #E0E4CC;
    float: right; 
    margin-bottom: 10px;
}

#Footer {
    height: 50px;
    background-color: #69D2E7;
    clear: both;
}

Answer 1

简而言之，您不应该将 display: inline 用于任何不打算显示在文本 block 内的内容。

这是学习布局基础知识的好网站:http://learnlayout.com

如果你真的想学习这些东西，这是我所知道的最好的地方:https://dash.generalassemb.ly :)

希望对您有所帮助。如果您觉得我没有回答您的问题，请告诉我。