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

html-css019

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}这段代码是控制字体顺序依次是“所有分类”文字的大小,是否加粗,文字的颜色。

您试试。

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

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

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