问

如何使侧边栏与内容div具有相同的高度？

辽河儿女发布于 2023-02-13 19:28

css

代码如下:

(CSS)

#container {
    border:1px dashed #000;
    overflow:hidden;
}
#content, #sidebar {
    float:left;
    width:50%;
}
#content {
    background:yellow;
}

#sidebar {
    background:grey;
}

#sidebar {
    height:100%;
}

(HTML)


    
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, Lorem ipsum dolor sit amet, consectetuer adipiscing elit
    
    
        Few words

我想看到一个#sidebar高度相同的#contentdiv,就像div一样,是否有可能没有绝对位置？在线版:http://jsfiddle.net/yJbUW/

1 个回答

您可以通过显示#containeras表并显示#content和#sidebar表格单元格来完成此操作:
```
#container {
    border:1px dashed #000;
    display: table;
    width: 100%;
}
#content, #sidebar {
    display: table-cell;
    width:50%;
}
```
检查更新的小提琴.
2023-02-13 19:30 回答

蟹子的宿命

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签