-
leftBox和rightBox设置浮动之后脱离了普通的文档流，不再占用原来文档中的位置，因此无法把父div撑开。 定义一个类选择器，并设置clear:both；清除浮动或者用overflow：hidden；查看全部
-
设置浮动后脱离了普通文档流，在普通文档流上查看全部
-
每个块级元素独占一行查看全部
-
leftBox和rightBox设置浮动之后脱离了普通的文档流，不再占用原来文档中的位置，因此无法把父div撑开。 定义一个类选择器，并设置clear:both；清除浮动查看全部
-
1.内联元素升级为块元素：display:block; 2.background-position属性来控制不同列表项显示不同的背景图片 3.属性：background-position：传入数据px；根据上右下左的规则来 可以定位图片的位置： 4.font-style：normal；设置正常字体属性查看全部
-
text-align:right;查看全部
-
1.焦点图初始化的id，与图片列表最外层的id一致。 2.图片列表外面，必须包裹一个class为pic的div查看全部
-
list-style-image可以把图像设置为列表中的项目符号；查看全部
-
background:url() no-repeat right center; background-repeat:no-repeat; background-position:right center;查看全部
-
图片属性 vertical-align:middle 文字居中 margin-left:10px;查看全部
-
list-style-image:url()查看全部
-
line-height 垂直居中查看全部
-
style标签内不能有<!-- -->的注释符 否则会把css的样式给注释掉查看全部
-
*填充：即设置盒子中的内容与盒子四周的距离，不想让输入的字覆盖到搜索图片上就使用填充,数值设置为图片的宽，即输入的文本最长输入到据盒子距离图片宽的位置上 *.list-style-type可以设置列表项目符号的不同样式，如：none表示无项目符号，即去除列表项目符号，disc表示实心圆（默认值），circle表示空心圆，square表示实心方块等查看全部
-
由于 img （也就是慕课网那个 img ）把父块 div 撑大了 3px ，而父块 div 又是向左浮动 ，所以后面的元素继续 向左浮动的时候，就顶到了 img的父块div，所以没有向左顶 到最左边，而后面的导航条div因为长度太长，自然就跳到了下一行， 解决方法： 1、给 父块div 设置和 img 一样的高度，这里就是 height: 80px;如图，就可以了 2、给 img 设置 display: block; 3、给 img 设置 vertical-align: middle; 4、这个案例里具有特殊性，所以还有其他办法，比如，给后面的元素 加 clear:left; 原理就是后面元素往左浮动的时候直接放在 img 父块 div 的下面了，认为这个 img 把 div 撑大的几 px 是存在的 （这是和其他四种方法不一样的地方）； 5、给包含慕课网 img 父块 div 的整个大盒子 div 加上 overflow: hidden; 原理：就是隐藏 img 父块 div 溢出大盒子的部分； 当然我是推荐 前3种方法的，动的是元素本身，不大会对后续存在可能的影响；查看全部
举报
0/150
提交
取消