divcss 如何实现左右分栏，左侧菜单能展开隐藏

html-css09

divcss 如何实现左右分栏，左侧菜单能展开隐藏,第1张

兄弟,div实现不了100%高度,最多只能自适应高度.你还是在iframe上定高度吧

=============================================

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title>左右分栏</title>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<meta content="MSHTML 6.00.2900.2180" name="GENERATOR">

<script language="JavaScript">

//左右

function switchSysBarl(){

var imgsrc

imgsrc=document.all("makeleft").src

document.all("makeleft").src="img/menu_open.gif"

document.all("makeleft").title="显示左边的菜单"

parent.document.all("bbs_left").style.display="none"

}

else{

document.all("makeleft").src="img/menu_close.gif"

document.all("makeleft").title="隐藏左边的菜单"

parent.document.all("bbs_left").style.display=""

}

}

</script>

<link rel="shortcut icon" href="favicon.ico">

</head>

<body bottommargin="0" leftmargin="0" topmargin="0" scroll="no" rightmargin="0">

<div style="z-index: 2visibility: inheritwidth: autoheight: autofloat: left"

frameborder="0" scrolling="no" target="main">

<iframe name="bbs_left" style="z-index: 2visibility: inheritwidth: 180pxheight: 100%"

src="left.htm" frameborder="0" scrolling="no" target="main"></iframe>

</div>

<div style="background-color: #005fbdwidth: 10pxfloat: leftheight: 800pxcursor: hand

padding: 300px 0px 0px 0px" id="menuSwitch" onclick="switchSysBarl()">

<img src="img/menu_close.gif" name="makeleft" width="10" height="10" border="0" id="makeleft" /></div>

<div style="float: leftwidth: auto">

<iframe name="bbs_main" style="z-index: 1visibility: inheritwidth: 100%height: 100%" src="right.htm"

frameborder="0" scrolling="yes"></iframe>

</div>

</body>

</html>

楼主您好，我调试过，你也试试。你懂CSS，我还是按照步骤一步一步来。以便不懂CSS也可以学习下。

第一步，进入店铺装修点编辑：

第二步，点显示设置：

第三步，将显示代码放进去，这个是我们团队的代码：

第四，依您的背景颜色和文本变粗，代码如下：

.all-cats .link{background:none repeat scroll 0 0 #FF0000}.skin-box-bd .all-cats .title{font-size:12pxfont-weight:boldcolor:#000000}

特别说明一下：.all-cats .link{background:none repeat scroll 0 0 #FF0000}.这段代码是控制“所有分类”的背景，我设置的是红色，颜色代码为#FF0000；

skin-box-bd .all-cats .title{font-size:12pxfont-weight:boldcolor:#000000}这段代码是控制字体顺序依次是“所有分类”文字的大小，是否加粗，文字的颜色。

您试试。

第五，拓展一下所有分类类目下的子类目如何实现控制。

您可以在这里再进一步深入研究一下。

最后，给个建议，就是利用谷歌浏览器，鼠标点右键，有一项是“审查元素”，可以查看代码，慢慢调试。

#layout{width:110pxpadding:0pxmargin:0pxheight:autooverflow:hiddenfloat:leftdisplay:inline}

去掉：overflow:hidden