- 博客(3)
- 收藏
- 关注
原创 响应式网格(栅格化)布局
1媒体查询@media(min-width:769px){.col-md-1{width:calc(8.333% - 20px);}。。。}2calc计算 注意可以将%,px混合使用。cale()里可以是表达式。但有一点注意。+-*/号的前后必须留有空格。否则识别不了,属性不会生效。calc(8.333% - 20px);这里将子元素设为border-box。%
2017-03-07 09:44:52 2012
原创 清除浮动的方法(body元素值得注意)
浮动,这里指的是由于子元素浮动脱离文档流,为父元素没有浮动,因此高度没有被撑开,父元素的背景等属性都没有显示出来。方法1:在父元素里最后面添加新的子元素,可以是或其他。然后设置该子元素{clear:both;}即可。父元素就能被撑开。不好的地方时,增加了标签。方法2:为父元素设置高度。前提是能确定并计算好子元素的高度。方法3:设定父元素为{overflow:hidden;}
2017-03-07 09:41:56 865
原创 background-color覆盖范围
一般元素的background-color覆盖该元素的content,border,和padding。而margin不会显示该背景颜色,而是由外层元素的背景色决定。但body有所不同。如`bodydiv`设置css属性:```*{margin:20px;padding:20px;}html{border:1px solid red;}body{ he
2017-03-03 10:29:57 16243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人