商城分类导航效果_技术问答

为什恶魔我的.sright dl dd a里的行高度没有缩小没改变？: 你加个display:block试试; 2017-11-04 4回答·1870浏览

我的submenu为什么不和图书，音像那一栏对其呢，求解答，下年附上我的代码。: 上面代码没有错误，你的代码不全，我猜你可能把submenu这个div写在其他 li 标签里面了; 2017-08-26 1回答·1355浏览

已采纳十分正经的钱同学的回答

含义不同：不多说。

适用不同：ul li更适合用于一级菜单

dl dt dd更适合用于二级菜单内容设置

2017-05-15 2回答·2405浏览

.rightdiv dl dd{margin: 3px 0; }: 当你取消margin的时候图一下面的推荐品牌也在向右浮动，我认为这是dl标签的规则就是这样的，dd为dt的描述说明，还有一种方法就是你把设置图片的dd改为dt就好了。; 2017-04-29 4回答·1445浏览

求大神帮忙看下代码？实现不出来二级菜单移出: 一级导航和二级导航留空的效果，加个margin后移到一级菜单是弹出来二级菜单了，可是却移不到二级菜单，一下移到空白哪里二级菜单就隐藏了; 2017-04-21 2回答·756浏览

悬浮层的制作: 不是大神也不是老师，一路人甲，就问问，你没出现什么效果？就知道你这段 CSS，不知道你什么效果没有，也不知道你的 html 代码; 2017-03-07 1回答·800浏览

悬浮怎么出来的！: 你没有认真看视频，多看几遍你就明白了。悬浮效果主要是通过hover这个东西实现的，就像a:hover{text-decoration:underline}这句代码，作用是当鼠标滑过链接时，文字底下出现下划线，视频里是li:hover .submenu{display:block};当鼠标滑过li标签时，改变了submenu的属性，使原来的display:none改为display:block，所以就显示了。。只输入dd dt dl是不可能搞出什么悬浮的，这些只是html标签。前一期视频就说了，悬浮是通过css或javascript来实现的。; 2016-12-22 3回答·1016浏览

关于悬浮曾的两张竖排图片问题: 最近没怎么上慕课，现在才看到。这个我后来发现是HTML4和HTML5的差别。老师使用的是HTML4的页面声明，就没有那个间距。而HTML5就有。; 2016-09-27 4回答·1055浏览

没有高度塌陷的问题么？: 因为bfc特性，浮动元素leftdiv和rightdiv的父级元素的position为absolute，计算高度的时候会将浮动元素高度计算在内。; 2016-09-26 1回答·892浏览

11分20左右，老师说为了让dd和dt对齐，用margin：4px 0；实现，为什么不是直接设置padding：4px 8px；？我试了，即使多加几行内容，也不影响效果。: 好吧，还是有区别的，用padding多行之间行间距太小。; 2016-09-05 1回答·1793浏览

dl不是块级元素吗，为什么还要设display：block？: 已采纳 o_n 的回答; 块级元素本身的默认属性就是block，所有的块级元素不需要再在使用display：block定义。再一次定义也不会出现错误，这里可能是为了让它显示。; 2016-08-10 2回答·5432浏览

z-index 用法不明白: 已采纳不肖生的回答; 原理上是这样的，数字只是表示上下，高好多层也没啥，定20，我觉得只是为了确保，如果后面再加层的话，它仍然在最上层的方式。; 2016-07-19 1回答·960浏览

设置边距的时候怎么不用margin呢？: 首先，你要先明白margin和padding属性作用地方，obj相当于一个盒子，margin是相当于在obj外清理一条隔离带，不让别的元素靠近obj；而padding是从盒子内部放置一条隔离带，把盒子撑大。虽然两者都可以设置边距，但是有border属性时，就完全看的出区别了。所以不改变盒子大小的前提还是用margin比较多; 2016-05-03 3回答·923浏览

来的比较晚。希望对慕友有帮助。

我暂且将你的一群dd放到div里吧。

其实这里的overflow：hidden作用的确是清除浮动。说的再清楚一点就是：div计算高度时，将计算浮动元素的高——一群dd的高。
计算完毕后div作为一个块级元素已经有高有宽了，宽是直接等于父元素的内容宽度，高则是内容在里面排列超过宽度换行。
dt是浮动元素，div里的a也是浮动的，div就被传送到了dt身边。最重要的一点，div在构建完毕后宽度是一定的，这导致了它的形状就只能是向下伸展的矩形。这就导致了，你的第二行dd排列到了那里，总不可能块状盒子是多边形吧。

应该就是酱，自己的理解，有误还望指正。

2016-04-16 2回答·944浏览

求问：为什么我这乱码了？我的天，怎么换都没用？: 已采纳 julin1991 的回答; <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>导航条</title>
</head>
<body>
    <ul id="topmanu">
      <div id="toptitle">商品全部分类</div>
        <li><a href="#">家用电器</a></li>
        <li><a href="#">手机、数码</a></li>
        <li><a href="#">电脑、办公</a></li>
        <li><a href="#">家居、家具、家装、厨具</a></li>
        <li><a href="#">服饰内衣、珠宝首饰</a></li>
        <li><a href="#">个护化妆</a></li>
        <li><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>
        <li><a href="#">运动户外</a></li>
        <li><a href="#">汽车用品</a></li>
        <li><a href="#">母婴、玩具乐器</a></li>
        <li><a href="#">食品饮料、酒类、生鲜</a></li>
        <li><a href="#">营养保健</a></li>
    </ul>
</body>
</html>; 2016-04-03 1回答·781浏览