请问如何实现网页的左右分栏？_随笔

如何实现网页的左右分栏：

1、一个总页面包含了3个iframe

2、3个iframe是从左到右依次排布，分别是左侧树状，右侧列表区，中间的控制页代码如下参考：

<body>

</div>

</body>

function changeWin(){

if( parent.frame.cols != "0,6,*"){

document.all.ctrlimg.src="../images/showframe.gif"

parent.frame.cols = "0,6,*"

} else {

document.all.ctrlimg.src="../images/closeframe.gif"

parent.frame.cols = "210,6,*"

}

</script>

可以用flex,float,table等方式实现。

flex设置方式相对比较简单，只要根据需要，对内部的两部分内容分开就可以了。

float设置方式要考虑左右两部分的内容，并且要记得清除浮动，以免影响显示。

table方式可以设置两边的内容都是单元格。

还有其他的实现方式，可以根据实际项目进行选择。

欢迎分享，转载请注明来源：内存溢出

请问如何实现网页的左右分栏？