3个div并排显示,其位置无论窗口大小保持不变!

3个div并排显示,一个紧挨着一个,无论窗口大小保持不变!应该怎样设置?
就是其中一个div居中,另外两个紧挨着他一边一个,无论窗口大小保持不变!

第1个回答  2009-09-18
你好:

在css文件中写每个div块时定义: float:left。
你可以把整个页面通俗的理解为一个容器,当倒着往容器里灌水时相当于依次向左摆放3个div块。

具体如下:

HTML:
<div id=exampleA ></div>
<div id=exampleB ></div>
<div id=exampleC ></div>

css:

#exampleA {float:left;}
#exampleB {float:left;}
#exampleC {float:left;}

呵呵,希望能帮你解决问题。
第2个回答  推荐于2016-04-30
楼上的,你忘了清除浮动了。
应该这样:
HTML:
<div id=exampleA ></div>
<div id=exampleB ></div>
<div id=exampleC ></div>
<div style="clear:both;"></div>
CSS:
#exampleA {float:left;}
#exampleB {float:left;}
#exampleC {float:left;}本回答被提问者采纳
第3个回答  2009-09-22
浮动你总会吧
就像楼上几位说的
我在加一句
用相对和绝对定位可以实现“无论窗口大小怎么变化,而DIV保持在一定的位置不会移动”
这个方法在制作网页的时候很常用的

3个div并排显示,其位置无论窗口大小保持不变!
你好:在css文件中写每个div块时定义: float:left。你可以把整个页面通俗的理解为一个容器,当倒着往容器里灌水时相当于依次向左摆放3个div块。具体如下:HTML:<div id=exampleA ><\/div> <div id=exampleB ><\/div> <div id=exampleC ><\/div> css:exampleA {float:left;} exampleB {...

我要做1个网页,要实现3个DIV之间的联动关系?
1. 最简单的方法,思路如下:纵观整个框架,DIV1 的内容是保持不变的,DIV2 和 DIV3 的内容则根据 DIV1 中的链接点击而变化,且 DIV2 和 DIV3 中的内容是一一对应的(同一个商品的图片和参数肯定对应吧?),所以可以将 DIV2 和 DIV3 单独做成页面(有多少个商品就做多少个页面),再于主...

CSS DIV绝对定位 后 页面的大小改变 div层位置如何保持不变_百度...
div层的绝对定位不一定非要用 精确的数值定位,还可以使用关键字, 以及百分比,你可以试试看 参考资料:<a href="http:\/\/www.ttwinbug.com\/thread-8802-1-1.html" target="_blank" rel="nofollow noopener">http:\/\/www.ttwinbug.com\/thread-8802-1-1.html<\/a> ...

css div 固定一个div 使这个div不随着网页的滚而滚动 就是把这个div固 ...
1、需要使用固定定位才能做到这样的效果。具体方法是首先打开html编辑器,首先设置一个容器div,然后设置一个用来演示效果的div,分别设置class属性名为container和fixed:2、在style标签中设置样式,设置container的position属性为相对定位,并且给它一个很高的高度,然后给fixed设置高度和宽度,以及颜色等属性,...

如何用CSS实现两个DIV并排,且第一个居中?
思路,2个div用一个div包起来,然后让两个div浮动。然后给外面的父级进行定位。仅供参考。<style type="text\/css"> * {margin:0px; padding:0px;}.box {position:absolute; top:50%; left:50%; width:200px; height:100px; margin-left:-50px; margin-top:-50px;}.div1 {width:100...

如何让DIV 在另一个div中 保持相对位置
设置mainBody的属性:padding: 0px;margin: 0px;float: left;

html中无论怎么拉伸窗口div的位置不变
外边距上下左右都设置成:90%,Div宽高都为:5

如何将多个html页面显示在一个页面
二、再看一下写在index.html里的位置和样式 中间是主体展示内容 三、需要注意的就是,调取top.html和foot.html的时候要给width值和height值 不然,默认只会调出来左上角的一小块内容 总结一下:单独的top.html和foot.html里面的样式,页要保证完整性,截图说明 要确保这样的结构正常,而不是单单红...

布局很差,大家快来瞧瞧怎样布局更为合理
Flexbox布局常用于设计比较复杂的页面,可以轻松的实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变,同时减少了依赖于浮动布局实现元素位置的定义以及重置元素的大小。Flexbox布局在定义伸缩项目大小时伸缩容器会预留一些可用空间,让你可以调节伸缩项目的相对大小和位置。例如,你可以确保伸缩...

html 如何让一个表的前几列固定,不随着滚动条移动?
1、首先新建一个web项目,主要用到了html文件和css文件。2、然后在html文件中,有图中的代码,引入css文件和设置一个div标签。3、然后这里是css样式文件,主要看图中红框中内容,使用fixed定位方式。4、运行项目后,可以看到div在右下角(为了模拟这里的body高度设置很高,足够滚动条下拉到底部的)。5...

相似回答