html/css/JavaScript
关注
分享
扫一扫
liyaoyao288
这个作者很懒，什么都没留下…
展开
-
清除浮动的方法（body元素值得注意）
浮动，这里指的是由于子元素浮动脱离文档流，为父元素没有浮动，因此高度没有被撑开，父元素的背景等属性都没有显示出来。方法1：在父元素里最后面添加新的子元素，可以是或其他。然后设置该子元素{clear：both；}即可。父元素就能被撑开。不好的地方时，增加了标签。方法2：为父元素设置高度。前提是能确定并计算好子元素的高度。方法3：设定父元素为{overflow：hidden；}原创 2017-03-07 09:41:56 · 883 阅读 · 0 评论 -
响应式网格（栅格化）布局
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 · 2038 阅读 · 0 评论