#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{width:110px; }
#mid{【width:650px;border:1px solid #999;top:0;margin-left:123px;position:absolute;}
#right{border:1px solid #999;margin-left:792px;top:0;position:absolute;}
#mainbody{position:relative; margin-top:15px;}
#left{width:110px; }
#mid{【width:650px;border:1px solid #999;top:0;margin-left:123px;position:absolute;}
#right{border:1px solid #999;margin-left:792px;top:0;position:absolute;}
2016-07-17
已采纳回答 / 慕粉3627378
:hover是css中的选择器,用于选择鼠标指针浮动在上面的元素。所以a:hover可用于设置当鼠标悬停在超链接之上时超链接的样式。示例如下:在Html代码中给出一个超链接<a href="#">我是一个超链接。</a设置鼠标悬停的css样式a:hover{ color:red; /*设置颜色为红色*/ font-size:20px; /*字体变大*/ text-decoration: none; /*去掉下划线*/观察显示效果默认样式鼠标悬停样式
2016-07-17
应该是这样吧,算是最简洁的吧?
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999 }
#mid{float:left; margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;left:792px; border:1px solid #999;} 别忘了算border的距离...
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999 }
#mid{float:left; margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;left:792px; border:1px solid #999;} 别忘了算border的距离...
2016-07-16
*{margin:0; padding:0;}
看大家都用浮动做的,我试着用定位做了一遍
#wrap{width:970px; margin:0 auto;}
#mainbody{margin-top:15px;position:relative;top:0px;left:0;}
#left{width:110px;height:490px;position:absolute;left:0;top:0;}
#mid{width:650px;margin:0 125px 195px;}
#right{width:180px;position:absolute;right:0;top:0;}
看大家都用浮动做的,我试着用定位做了一遍
#wrap{width:970px; margin:0 auto;}
#mainbody{margin-top:15px;position:relative;top:0px;left:0;}
#left{width:110px;height:490px;position:absolute;left:0;top:0;}
#mid{width:650px;margin:0 125px 195px;}
#right{width:180px;position:absolute;right:0;top:0;}
2016-07-15