cssdiv在底部显示不出来，css div

怎么让DIV在另一个DIV里靠底部显示?

可以用css定位把一个div放到另一个div右下角。

首先新建一个html页面，然后在这个html代码页面创建一个div标签，同时给这个div添加一个class类为footer。然后设置footer类，把div固定在底部。

首先设置要了解网页页面布局框架结构，设定宽高和边框，以及设置好class或者ID名称。打开Dreamweaver CS5，点击新建HTML。根据设定的网页布局，设置div网页结构。添加div标签的class名称，这里也可以使用ID类名。

相关问答

Q1: 怎么让网页里的div永远固定在底部啊?

1、首先我们新建一个web项目，主要用到了html文件和css文件。然后在html文件中，有图中的代码，引入css文件和设置一个div标签。然后这里是css样式文件，主要看图中红框中内容，使用fixed定位方式。

2、实现了id为top的元素固定在距离浏览器的顶部20个像素和距离右边20个像素的位置 IE6下position：fixed； 实现方法 在IE6中是不能直接使用 position：fixed； 。

3、方法一：思路：利用text-align属性将图片保持在底部，然后设置padding-top的值使其保持在底部。

Q2: 在DIV中用style就显示,定义CSS不显示为什么?

1、一。#header前面(外围)还有更大的DIV容器吧，拿名为#main的最外围的DIV举例吧。你尝试一下#main #header{}这样的写法，而不是直接写header，让它有个爹 二。

2、}/style/headbodydivHTML 标签原本被设计为用于定义文档内容。这样的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。

3、我们学习Div+CSS网页布局的知识，可是W3Cvalidation有时难以操作，但用它你可以查看由版面设计引起的差错。验证程序抛出大量差错和警告，说明你的XHTML尚未完善，可能无法在不同浏览器上保持一致功能。

4、} /style /head body table width=378 height=361 border=0 cellpadding=0 cellspacing=0 class=bg tr td CSS样式这样同样预览的时候不会显示出背景色。

5、div class=pp ff时间/div 此时“时间”效果是有下划线，字为粗体，颜色为红色。效果1对div同时定义了字体的颜色，有冲突，此时颜色属性是按照类表现，其他无冲突的正常显示。

Q3: DIV被压在下面了,是否可以CSS改下解决

1、第一步，如果要向下移动div，则可以使用位置属性进行调整。 具体方法是先打开编辑器，创建一个新的html文件，然后编写基本的html结构。

2、bottom，top，等位置样式的，解决方法一般是清除定位，或者解决兼容性，合理控制left，right ，bottom，top四个属性的值。另外还有一种不常见的情况，例如margin的负数值，可以造成div偏离原来的位置，建议合理设置即可。

3、div层元素之间的覆盖可以用‘z-index属性’或‘定位属性’来解决。这种情况一般是由于定位或设置浮动属性产生的。你可以根据实际情况来做相应的修改。同时你也可以上网查找一下“定位属性”和“浮动”的资料。

4、检查下css中有没有对class=msga的div加float，或者其同级的元素加了浮动。如果加了浮动，后面的div必然会因为总宽度的限制和form中宽度的变化而挤到下面去。

5、将下拉菜单设置为相对上层元素的绝对位置 比如菜单为 ul id=menuli/li/ul 设置 li 的 position 为 relative，再设置下拉菜单的 position 为 absolute，这样下拉菜单和其它任何元素都不会有冲突了。

6、d1 { width： 500px； height： 1200px； border： 3px dashed red； background： pink url(qq.jpg) repeat-x fixed 10px 150px； } 根据你的实际情况去调整background-position的值，修改上面的10px 150px。

Q4: 网页制作,为什么我用DIV+CSS制作网页在火狐下显示不正常?

1、原因一：浏览器和CSS+DIV网页代码兼容性导致网页出现错位 原因二：放置网站广告位的JS广告本身的问题 第三步、解决问题 （1）针对第一种原因，由于不同浏览器对CSS的解释不统一，造成不同浏览器下页面错位的现象十分常见。

2、您好！很高兴为您答疑！网页兼容问题，不同浏览器，可以通过设置HACK的方式让其兼容，注意W3C标准，这样火狐下就没有问题，然后针对IE再做调整，这样比较方便。您可以在火狐社区了解更多内容。

3、典型的css兼容问题，即该组css样式中使用了火狐浏览器不兼容的属性，导致样式无法生效；火狐浏览器的误设置，将css样式关闭。开启方式：菜单-查看-页面样式，选择为“基本页面样式”即可。

Q5: css实现div悬浮层,始终停留在浏览器的最下方,不随页面的滚动条滚动改...

1、可以用position：fixed；bottom：0；z-index：999；试试看能不能达到你想要的效果。如果达不到可能我理解错了，可以追问。

2、然后滑动滚动条，即使到达底部后，div的位置依旧没有修改。如图所示，这里将div的css样式设置为绝对定位，这里是靠右靠下。

3、使用CSS CSS让DIV固定位置不随滚动条而滚动， fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的。（1）我们需要做的是，让body保持其原有高度，让html只有一个窗口那么高。

4、① html，body：将默认出现的滚动条，完全地隐藏，这样不管什么内容都不会出现了。② .virtual_body：写一个假的body，设置它的长宽为100%，这样利用可视的浏览器窗体显示所有的内容，并垂直允许出现滚动条。

5、在index.html中的style标签中，输入css代码：img {position： absolute；top： 100px； left： 200px；}。

关于cssdiv在底部显示不出来和css div的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。