已知父div容器，父容器包含两个子div，在两个子div标签后面添加一个清除浮动(clear)的div标签，父div标签的内部(左右两边/*css5*/)浮动就清除了。 如果有一个div容器 ，包含了一个子容器，子容器设置一个宽度、高度、背景色，如不设置内、外边距以及清除浮动clear、浮动float，此时子容器div默认居左。那么是否真的居左，我们设置一下float:left；发现设置了居左left，子容器的div产生了浮动，子容器div离大容器顶部有一定...
一.什么是浏览器兼容性问题 浏览器兼容性问题又称网页兼容性和网站兼容性问题，指网页在各种浏览器上的显示效果可能不一致二产生浏览器和网页间的兼容问题。在网站的设计和制作中，做好浏览器兼容，才能够让网站在不同的浏览器下都正常显示。而对于浏览器软件的开发和设计，浏览器对标准的更好兼容能够给用户更好的使用体验。 二.浏览器兼容性问题产生原因 因为不同浏览器使用内核及所支持的HTML等网页语言标准不...
IE6浏览器下3px解决方法:IE6下的3px问题的产生主要应该归咎于书写不规范造成的，比如我们要写一个左右两列的结构，代码如下: 蚂蚁部落.parent { width:300px; height:300px; background-color:red;}.left { float:left; width:100px; height:100px; background-color:green;}.right { width:100px; height:100px; background-color:blue} 以上代码中，左边的div是浮动的，第二个div非浮动的，这样的话在I...
IE6浏览器下div无法遮盖select下拉框解决方法:在IE6浏览器下，select下拉框无法被div遮盖，其他的主流浏览器都是正常的。这里简单介绍一下如何解决此问题。默认状态下IE6的表现: IE6下无法覆盖select-蚂蚁部落.mydiv{ width:300px; height:300px; position:absolute; background-color:green; left:50px;} div+css专区 jQuery专区 以上代码在IE6浏览器下就会显现出此问题，在其他主流浏览器中是正确显示。解决方...
浏览器呈现网页的处理流程图： 具体处理步骤： 1.浏览器把获取到的HTML代码解析成一棵DOM树，HTML中的每个标签（tag）都是DOM树中的一个节点，根节点就是我们常用的document对象。DOM树里包含了HTML所有标签，包括display：none隐藏，还有用JS动态添加的元素等； 2.浏览器把所有样式（用户定义的css和用户代理）解析成样式结构体，在解析过程中会去掉浏览器不能识别的样式，比如IE会去掉-moz开头的样式，而Firefox会去掉_...
1 2 3 4 5 test1 6 7 #container { 8 background-color: #f1f1f1; 9 width: 80%;10 margin: 20px auto;11 }12 .item {13 float: left;14 color: white;15 text-shadow:0 1px black;16 margin: 10px 20px;17 padding: 20px;18 }19 #container > .item:nth-child(1) {20 background-color: #F00080;21 }22 #container > .item:nth-child(2) {23 background-color: #D8AAD8;24 }25 #container > .item:nth...
在IOS（ipad iPhone等）系统的浏览器里打开H5页面。如下写法： <input type="search" name="search” id="search"> 以上设备的键盘仍然显示“换行”。 解决方法如下：在input外面嵌套一层form： 其中form 必须有action。 如果你不想要action，因为它可能影响了你input的提交逻辑，可以重写一下onsubmit onclick等方法来实现。 也可以用简单的方法：action="javascript:return true;"。
使用AFNetworking请求一个网站出现了以下错误 Error Domain=com.alamofire.error.serialization.response Code=-1016 "Request failed: unacceptable content-type: text/html" UserInfo={com.alamofire.serialization.response.error.response= { URL: http://xxx.xxx.xxx } { status code: 200, headers { "Content-Encoding" = gzip; "Content-Type" = "text/html"; Date = "Sat, 10 Oct 2015 13:44...
问题：IE8及其以下低版本IE浏览器在缩小窗口时，UI没有按照相应的要求显示窗口缩小时对应的布局；其他浏览器正常。 定位过程： 其实开始拿到问题时是无从下手，不知所以然，根本就没听说还有media这个CSS属性，就更不知道它的功能了。但是对于解决UI问题，有自己的一套思路，就是首先要思考为什么会错误以及为什么没有错误两个方面，然后针对这两个方面的疑问把html或js或css文件简化再简化，修改再修改，查看UI变化，从而缩...
需要加个相对定位 position:relative;
对一名前端来说，改页面的过程总是痛苦的，产品经理说要加个点击样式，于是加active的class，本来以为这样就OK了，没想到电脑上ok，本地测也是ok的，tomcat上一跑就没效果了。我甚至把! important也加上去了也没效果，于是就网上寻找答案，以下列出2种亲测有效的解决方法。 一个方法是把a原样式写上。 a{color: red;}a:hover{color: blue;} 但是这种方法对于后来加class的人就不方便了，其实还有一个更简便的方法：在bo...
子元素的margin-top作用于外层父元素解决方法:有时候在设置子元素的margin-top属性的时候，本来是要作用于父元素，但是表现的结果却是父元素具有了margin-top效果，下面就通过代码实例介绍一下如何解决此问题。代码实例如下: 蚂蚁部落#box{ width:200px; height:200px; background:red; overflow:hidden;}#main{ width:50px; height:50px; background:blue; margin-top:50px;} 上面代码实...
.brand{ width: 100%; overflow:hidden; margin: 40px auto;}.brand img{ /* max-width: 200px; */ width: 25%; height: 300px; float:left;} 回复讨论(解决方案) *{margin:0;padding:0;} 加这个试下 *{margin:0;padding:0;} 加这个试下 已经加了，这个应该是IE7对宽25%有误差的原因。 记得IE6用百分比宽度的话会有类似四舍五入的，IE7没遇到过。 .brand img...
在网页的布局过程中，经常会用到float属性来实现页面的左右布局，但是有个问题就是父元素的高度并不能根据子元素的高度自适应。比如下面这段代码： title p left right 在浏览器中查看效果如下： 在有些情况下，我们需要父元素能够根据子元素的高度进行自适应，这时候你只需要给父div加个overflow:hidden就可以了。譬如： ...
给table的css添加属性：border-collapse: collapse; 边框不折叠的表格 行,列，行组是不具有border的