你帅还不是一样敲代码的博客

子元素属性为float 的话，divf 浮动的话（float）是撑不开父元素高度的，float会脱离文档流蓝色div是橙色div父级元素，绿色与蓝色是兄弟元素。出现的这个就是上述原因怎么解决呢？ 给父级元素加上一个 overflow：hidden这里的overflow：hidden属性特殊用法

由于项目需要一个类似与淘宝那种的多级联动轮播图。在网上也找到很多类似但都不是设计师所需要的，只能中间写一个。因为是多级联动，逻辑这一块带来了不少麻烦，下面直接贴代码：--------------------------------html--------------------------------------------div class="content-deta

var matched, browser;jQuery.uaMatch = function( ua ) { ua = ua.toLowerCase(); var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) || /(webkit)[ \/]([\w.]+)/.exec( ua ) || /(opera

很多页面的导航栏经常会用到一些特效，今天直接也谢了一个常用的，就是鼠标移到那个栏目，下方的横线就会跟着划过去的一个过度效果，用了jq与css3的过度效果实现，接下来贴代码：section> nav class="tab-bar clearfix" id="nav-bar"> a href="#">公司简介a>a href="#">企业理念a>a href="#"

script> (function (designWidth, maxWidth) { var doc = document, win = window; var docEl = doc.documentElement; var tid; var rootItem, rootStyle;

因为游览器的不同，默认的line-height也会不一样，所以有的页面如果没有设置行高的话，依赖的元素进行定位的时候会发生不一样的变化，所以为了解决兼容问题，要依赖文字定位的，最好都给文字写上行高！如下图：

在http页面请求中，下载图片等不是最耗时的，关键是优化请求数这里用背景精灵的用法来做例子，一个页面里面小图标特别多的话，我们可以用一个大的图片吧所有的图标都包括在里面，然后在页面要放置小图标的哪里写个div，设置大图片为背景图，然后我们利用背景图的position来移动图片进行部分显示，达到值显示小图片的效果！x下面一个简单例子，下面的px就是进行定位的属性，一定要把设置背景的d

在使用前我们先要了解什么是块级元素（block）、行内元素（inline）、行内块级元素（inline-block）块级元素（block）：①、总是在新行上开始；②、高度，行高以及外边距和内边距都可控制；③、宽度缺省是它的容器的100%，除非设定一个宽度。④、它可以容纳内联元素和其他块元素行内元素（inline）元素的特点①、和其他元素都在一行上；②、高，行高及外边距和内边距不可改

相对定位(relative)1、相对于原来的位置进行定位2.、元素原来在文档流的位置还会被保留着注意：左和上市正方向，右和下是负方向，相对定位可以理解成完全脱离文档流的面试问的话三种定位当中没有脱离文档流的，回答：相对定位，因为他文档位置是保留的－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

今天做移动端项目时遇到的一个问题，带来了不少麻烦。pc端的常用方法是 ：$('body').css({ overflow: 'hidden', height: $(window).height() + 'px'})// 因为body的高度等于了window的高度,所以滚动自然就无法进行了,如果需要滚动了,只需要把高度从style标签上面移除就好了但在移动端是不生