Html侧边栏是重叠的内容区域

时间:2015-09-30 18:43:37

标签: html css

我正在尝试制作这样的网站布局:

NSURLSession

但是当我希望它绕过它时,内容区域文本会在侧面部分下面。我不明白为什么会这样做,如果有人能告诉我它为什么会发生以及我能做些什么来修复它,那就太好了。

CSS:

init(configuration configuration: NSURLSessionConfiguration,
     delegate delegate: NSURLSessionDelegate?,
     delegateQueue queue: NSOperationQueue?)

HTML:

|----------------------------|
|            header          |
|----------------------------|
|  S  |                      |
|  I  |                      |
|  D  |                      |
|  E  |                      |
|     |                      |
|_____|        Mainn         |
|                            |
|                            |
|                            |
|                            |
|                            |
|                            |
|----------------------------|

1 个答案:

答案 0 :(得分:0)

你的问题相当含糊,所以我会发表一些解释

https://jsfiddle.net/7daffjh8/3/

.side{
    width:20%;
    background-color:lightyellow;
    padding:20px;
    margin-right:20px;
    float:left;
}

https://jsfiddle.net/7daffjh8/4/

.side{
    width:20%;
    background-color:lightyellow;
    padding:20px;
    display:inline-block;
    float:left;
}
.content{
    width:80%;
    padding:20px;
    display:inline-block;
}

https://jsfiddle.net/7daffjh8/6/

.main{
    position:absolute;
    width:100%;
    height:100%;
}
.side{
    width:20%;
    background-color:lightyellow;
    padding:20px;
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
}
.content{
    width:80%;
    padding:20px;
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
}