标签 div 下的文章

div默认高度及高度自适应

```css height:auto!important; height:100px; min-height:100px; ``` 注释:因为!important在IE7和Firefox都可以读到,而且权重高于后面的height:100px;所以当在IE7和Firefox显示的时候,就会用了前面的height:auto!important;而IE6识别不了!important,auto对它也不管用,因此会应用了后面的height:100px的样式;而min-height:100px表示DIV最小高度为100px;此属性在IE7和firefox都可以识别。

继续阅读 »

DIV 居中|CSS中怎么让DIV居中

CSS定义DIV居中,我们一般情况所用的样式是.xxx{margin:0 auto;}今天遇到了一个问题是在MSIE中显示居左,但在FireFox下已经居中显示。经过一番排查发现原来EditPlus默认没有在HTML前加上DTD,于是IE就以HTML方式来解释而不是XHTML来解释文档。所以问题并不在CSS而在XHTML网页本身。加上下面这句后发现MSIE下也显示正常了:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

继续阅读 »

DIV水平垂直居中 CSS写法

HTML使用CSS让DIV水平垂直居中的方法<html><head><title>DIV水平垂直居中</title><style>body{font-size:12px; margin:0; padding:0;}.div1{position:absolute;top:50%;left:50%;width:500px;height:300px; margin-top:-150px; margin-left:-250px; border:1px #999 solid; background:#CEE7FF;}</style></head><body><div clas...

继续阅读 »

CSS布局实例教程:DIV+CSS三列式页面布局的实现方法 详解

  首先我们大致的花了一个草图,理清一下思路。在实际操作中,你面对的可能不是草图,而是美工设计人员所设计的网站效果图,但大体上的结构是相当的,我们看下面的图片:图片文字说明:我们将顶部和底部设置为宽度960px左右,并居中对齐,以适应更大分辨率的需要。将中部的三列,即左侧,主内容区,右侧。置于一个div容器中,并将此div设置为宽度960px左右,并居中对齐。再将此容器内的左侧,主内容区,右侧分别设置宽度、应用浮动标签,以达到我们想预想的CSS布局效果。根据上面的图片示意,我们整理出各个div的id以及他们的关系:  顶部:header_common;  中部三列的容器:divall;  左侧:sider_a;  主内容区:main;  右侧:sider_b;  底部:footer_commonHTML代...

继续阅读 »

div水平居中及margin:0 auto参数说明

通过本文你将了解到div如何设置水平居中margin:0 auto参数说明很多初学制作网页的朋友,可能会遇到的一个常见问题,就是在CSS中加了margin:0 auto;却没有效果,不能居中的问题!margin:0 auto;的意思就是:上下边界为0,左右根据宽度自适应!其实就是~~水平居中的意思,呵呵!小一在这里说两个典型的错误引起的不能居中的问题:1、没有设置宽度<div style="margin:0 auto;"></div>看看上面的代码,根本没有设置DIV的宽度,如何根据宽度自适应呢?新手比较容易忽略的问题!2、没声明DOCTYPE①DOCTYPE是document type(文档类型)的简写,在web设计中用来说明你用的XHTML或者HTML是什么...

继续阅读 »