css
javacai5
这个作者很懒,什么都没留下…
展开
-
关于浮动
从上到下体现了三个布局。 第一个是文字环绕图片,让img float即可,加少量外边距跟文字隔开边距。 这个是两栏布局,左侧img float:left 右侧p添加固定宽度,实现了两栏效果 第三个、 这个通过clear:both解决了上面浮动,导致下面的内容跑上去占据空余的空间。 解决办法有两种一种是在要清除前面加一个 另一种是在前面浮动的元素,外部一个div加原创 2012-03-22 22:00:51 · 202 阅读 · 0 评论 -
关于css中position定位研究
定位也是前端开发人员须很好掌握的一项技术 定位有4种:static(默认),绝对定位,相对定位,固定定位 static定位,即正常从上到下 相对布局: 想对布局,元素相对于其static情况下位置移动 其原来占据的空间扔占据着,其他元素不会移动 absolute布局 两个要点:一 ,依照定位环境来定位 二,他原来的空间不会再占据,其余元素上来占据这些原创 2012-03-22 22:11:14 · 274 阅读 · 0 评论 -
div+css盒模型
盒模型可以说是div+css中的精髓了 我们平时设置的div{width:200px;height:200px} 属性时,设置的都是content的宽和高,当你做站时开始确定好了宽高,写了进去。 后期增大margin或padding的时候,你的宽高就会增大,这样可能挤破盒子,把别的地方内容挤走。 这里有另一种思想,即盒嵌套模型。外部一个div设置宽高,内部一个div写内容,内部d原创 2012-03-22 22:24:05 · 367 阅读 · 0 评论