-
注意的点: leftBox和rightBox设置浮动之后,脱离了普通的文档流,不再占用原来文档中的位置,因此无法将父div(mainBox)撑开。 因此如果父div的高度宽度不设置的话,它的大小就是不可见,因为本质上它的内部已经不包含任何内容了。 要让它可见,设置它的宽高即可。查看全部
-
IE7需要用:<p><span><a href></a></span</p>,才可以兼容,7以上的直接span放a前面即可查看全部
-
浮动元素先写在前面,以免元素错位一行查看全部
-
盒子在页面中占的总宽度为:左边距+左边框+左填充+宽度+右填充+右边框+右边距。增加左右填充后会使盒子总宽度增加10px+20px=30px,因此应该把盒子的宽度减少30px,才能保证盒子在页面中占的总宽度不变。查看全部
-
list-style-image可以把图像设置为列表中的项目符号;list-style-type可以设置列表项目符号的不同样式,如:none表示无项目符号,disc表示实心圆(默认值),circle表示空心圆,square表示实心方块等。查看全部
-
盒子模型中的width,height指的是内容区域的宽度,增减内外边距,及边框值,不会改变内容区域宽度的大小,只会增加盒子模型总体的尺寸查看全部
-
main块中有news、course、sidebar三块构成,再给他们设置的宽度的时候,要考虑border的影响下的溢出问题。 这里采用的是浮动水平排列三列布局方式,同时,我们也可以用左右浮动,中间那块设置相对定位的方式进行三列布局。margin-left、margin-right。 2、在分栏的时候,需要全面考虑盒子的总宽高,特别容易忽略border边框的宽度; 3、在设计时,可对div添加不同背景色来辅助设计,确定盒子的大小及位置;查看全部
-
myFocus查看全部
-
垂直居中,设置行高等于父元素高度,line-height:查看全部
-
注意:leftBox和rightBox设置浮动之后脱离了普通的文档流,不再占用原来文档中的位置,因此无法把父div撑开。 解决的方法: ①可以给父div也设置高度为300px,使页面中的leftBox和rightBox看起来“好像”还在原来的位置; ②定义一个类选择器,并设置clear:both;清除浮动,同时为了解决IE6中div有高度的问题可以增加属性height:0;overflow:hidden; 3.还可以为父div增加一个overflow:hidden属性。查看全部
-
浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素,它将塌陷具有零高度。你可以按以下哪种方法处理: 1.在浮动元素后加个div设置:clear:both;height:0;overflow:hideen; 2.使用clearfix; 3.设置父元素浮动;查看全部
-
#clear清除浮动#规定元素的哪一些不允许其他浮动元素,left、right、both、none、inherit(规定从父元素继承clear属性)查看全部
-
在css中,widht和height指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。 盒子在页面中所占的宽度=左边距+左边框+左填充+内容宽度+右填充+右边框+右边距; 盒子在页面中所占的高度=上边距+上边框+上填充+内容高度+下填充+下边框+下边距。查看全部
-
盒子模型-清除浮动查看全部
-
盒子模型-浮动查看全部
举报
0/150
提交
取消