html里面怎么ul加高度,div里面嵌套了ul，为什么div的高度小于ul高度

div高度见阴影部分

ul高度见阴影部分

实现的html代码如下：

热门
推荐

css代码如下：

.navBar {

clear: both;

width: 100%;

border: solid;

/*border-top: solid;*/

border-bottom: solid;

border-width: 1px;

border-color: #dddddd;

margin:0px;

height: 1.5em;

}

.navBar ul {

width: 100%;

height: inherit;

background-color: white;

margin-top: 8px;

text-align: center;

padding-left: 10px;

padding-bottom: 0px;

margin-bottom: 0px;

}

.navBar ul li{

float: left;

display: inline-block;

vertical-align: middle;

list-style: none;

padding-right: 20px;

margin-bottom: 0px;

padding-bottom: 0px;

height: inherit;

}

.navBar ul li div{

clear: both;

font-size: 14px;

color: #929292;

height: inherit;

margin-left: 0px;

padding-left: 20px;

padding-right: 20px;

margin-bottom: 0px;

padding-bottom: 0px;

/*padding-bottom: 0.6em;*/

/*border-bottom: solid;*/

/*border-color: #00B7FF;*/

/*border-width: 2px;*/

}

html里面怎么ul加高度,div里面嵌套了ul，为什么div的高度小于ul高度相关推荐

div中嵌套div水平垂直居中
div中嵌套一个居中的div有很多方法,如果不想调整边距,有一个简单的方法: 1 <div align="center" style="width: 200px;h ...
div内容设float之后，div的自动高度适应
div的[多列]内容舍友float之后,外层div的高度会不受内容控制,可以div所有内容最后加上一个clear,几种方法: <div id="main"> <d ...
jQuery加载一个html页面到指定的div里
一.jQuery加载一个html页面到指定的div里把a.html里面的某一部份的内容加载到b.html的一个div里. 比如:加载a.html里面的<div id="row&quo ...
[译] 关于CSS中的float和position (父容器div内的子元素div为float时，父元素无法撑开（或高度自适应）的解决方式)
测试案例:http://blog.csdn.net/goodshot/article/details/44408245 当构建页面排版时,有不同的方法可以使用.使用哪一种方法取决于具体页面的排版要求, ...
php div中的字上下居中,Div垂直居中效果怎么实现
本篇文章主要给大家介绍实现div垂直方向居中的方法. 网页设计中div各种居中布局,是html/css初学者们最为基础且需要掌握的知识技能.div水平居中效果我们在之前的文章中有为大家介绍过,想必新手 ...
div里嵌套了img底部会有白块问题和图片一像素问题解决
div里嵌套了img底部会有白块因为img默认是按基线(baseline)对齐的.对比一下图片和右边的p, q, y等字母,你会发现这三个字母的"小尾巴"和图片下方的空白一样高. ...
html图片下方会有一像素,div里嵌套了img底部会有白块问题和图片一像素问题解决 - Macchiato...
div里嵌套了img底部会有白块因为img默认是按基线(baseline)对齐的.对比一下图片和右边的p, q, y等字母,你会发现这三个字母的"小尾巴"和图片下方的空白一样高. ...
两个DIV并列排在一个大的DIV中
今天突然碰到排版问题,对于我们这些不用那些网页制作软件的人来说,这个有时候还真的是个大难题. 如题,终于解决了. css代码如下: #page {margin:0 25% 0 25%;padding: ...
Vue(小码哥王洪元)笔记06路由，url的hash，history，router-linke，路由跳转，动态路由，懒加载，路由嵌套，router参数传递，导航守卫
1.什么是路由路由器提供了两种机制:路由和传送路由:数据报从来源到目的地的路径传输:将输入端的数据转移到合适的输出端路由有一个非常重要的概念教路由表路由表本质上就是一个映射表,决定了数据包的 ...
html div套div,Web前端开发技术之Div+Css基础
今天我们的课程内容有: CSS在页面风格设计中的作用多个HTML页面调用一个CSS文件 DIV的创建与应用用DIV+CSS的方式来写HTML页面传统HTML的缺点和现在Css的优势Html的不足 ...

html里面怎么ul加高度,div里面嵌套了ul，为什么div的高度小于ul高度

html里面怎么ul加高度,div里面嵌套了ul，为什么div的高度小于ul高度相关推荐

最新文章

热门文章