divcss挤下来，css中让div排成一行

用php和css做了个网页。一但缩小浏览器的框架,右面的div就被挤到下边去...

1、做网页的时候，参数要设置比例，而不是具体设置分辨率。这样可以有效防止因每台电脑分辨率不同，而产生移位、失真等。

2、首先分析一下，你这个布局，容器里面的元素都设置了宽度没。如果设置了宽度。那在浏览器缩放时，容器的宽度不能满足元素宽度。自然会向下挤，布局就乱。

3、需要使用CSS才可以做到，具体代码如下：style type=text/css .bgimage{ position：fixed；z-index：-1；//这两句时最重要的，前 //句使图片始终显示在当前页，后一句是使图片显示在最底层。

4、DIV CSS网站布局的八个小技巧：若有疑问立即检测。在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用。

5、） 其次，来说一下：层与表格之间的区别， 层在DW CSCS4的版本里的程式码，都是用div来实现的，即，层在实质上就是CSS实现的DIV框。

6、在test.html文件内，使用div创建网页的底部，使用clear：both清除上面div的浮动，避免影响底部的布局。同时，使用margin：0 auto设置div居中，同时设置其宽度为800px，背景颜色为#000fff。

相关问答

Q1: 急求大神,已经设置了浮动,为什么仍然会被挤下去

为了方便观察z-index样式属性，我们设置3个DIV盒子，分别设置不同css背景颜色，设置相同CSS高度、CSS宽度。分别设置背景颜色为黑色、红色、蓝色。

“浮动流”的元素会覆盖在“标准流”元素的上方。

设置了float也得要宽度够才是平行排列，如果宽度不够它平行排列当然就是移到下面去了，这才是float的真正意义啊。一般是外面套两个div，最外面的设overflow：hidden，第二个div设置足够平行显示的宽度。

这就是浮动的效果所在啊，你设置了左浮动，那你后面的一个容器肯定会水平显示的，只要宽度够，就肯定显示，要想下面一个换行，那就设置下面一个容器的clear：both清除浮动就好。

对于块级元素（display：block），未浮动的垂直相邻元素的上边界和下边界会重叠（压缩）。你的情况就是h3的margin-top和div重叠到一起，所以看上去是div有了margin-top。

Q2: DIV+CSS布局问题,我们想让两个DIV标签并排,第2个为什么老跑第一个...

你这段css在每个浏览器中解释不同，一个浮动div和一个不浮动div 在ie中浮动div是占位置的，有些浏览器则不占。改成这样就好了。

使用css float并排显示：对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。加float浮动实现多个div并排显示。

那是因为你的H1宽度超过了DIV的宽度，它就会把第二个顶下去了，你用chrome审核来看那个元素就行了。

Q3: 一个div中有两个inline-block元素,width都是50%,为什么第二个会被...

1、inline元素之间的所有空格符会合并为一个空格。如果你想让两个inline元素并排显示，并且 width：50% ，那么这个空格就是个绊脚石。一行的空间不足以容纳两个 width：50% 和一个空格。所以右边的元素就被挤下去了。

2、这个是学习DIV+CSS必须知道的，呵呵。 也可以用以上他们的办法，直接在#center_top1，#center_top2中加入“display：inline； ”即可。

3、div本身是块级元素，浏览器默认会给它加个换行符。

4、内联块元素具有了内联元素以及块级元素的特性：（1）元素之间可以水平排列 （2）可以当做一个块级元素来设置各种的属性，例如：width、height、padding等。

关于divcss挤下来和css中让div排成一行的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。