随笔分类 -  DIV+CSS

摘要：前面在《纯CSS制作的图形效果》一文中介绍了十六种CSS画各种不同图形的方法。今天花了点时间将这方面的制作成一份清单，方便大家急用时有地方可查。别的不多说了，直接看代码。为了节省时间，下面图形都采用的一个标签，可以是块元素也可以是行内元素，不过行内元素需要加上“display:block;”，唯一不同的是，在此用了不同的类名来区别，相关类名我放在了标题的后面，以便大家对应查看。1、正方形（square）：CSS Code:.square { width: 100px; height:100px; background: #E5C3B2; } 上面的方法是，设置宽度和高度一致就可以实现正方形的效 阅读全文

摘要：解决方法如下： 方法一：设置外层DIV属性：display:table; 方法二：定义一个css类 .box:after{content:".";display:block; height:0px; clear:both;visility:hidden;} 然后将父层DIV代码中的<div id="main"><div id="main" class="box"> 方法三：在外层（父层）DIV的css代码中加入如下代码：｛ clear:both; overflow:auto;｝ 阅读全文

摘要：出现重复文字，主要是由于加注释过多。解决方法如下： 方法一：直接删除注释，但此种方式达不到自己加 注释的初衷。 方法二：将注释改为： <!--[if !IE]> 注释内容 <![end if]--> 阅读全文