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

作者&投稿:都娥 (若有异议请与网页底部的电邮联系)
页面中三个div怎么让每个固定位置,窗口大小变化后位置不会改变~

你现在想干什么,窗口小了,div的大小没变,肯定挤在一起了,你想div也跟着小?要这个效果干什么

套table

你好:

在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;}

呵呵,希望能帮你解决问题。

楼上的,你忘了清除浮动了。
应该这样:
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;}

浮动你总会吧
就像楼上几位说的
我在加一句
用相对和绝对定位可以实现“无论窗口大小怎么变化,而DIV保持在一定的位置不会移动”
这个方法在制作网页的时候很常用的


CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右!
1、可以使用flex布局快速实现这个效果。具体的方法是,首先打开hbuilder编辑器,新建一个文件,写入一个大的div,里面在包裹3个小div,给大div的class属性命名为container,小div命名为child:2、然后在上方设置样式,先给外围的div设置宽度为600px以及display属性为flex,然后设置方向属性flex-direction为横向...

javascript想实现两个并排的div,每个宽度都是100%,鼠标拖拽让另一个...
你可以在这两个DIV的外面再套一个绝对定位的DIV:<div style="position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden"> <div ...>左边的DIV<\/div> <div ...>右边的DIV<\/div> <\/div> 这样的话这最外面的DIV实际上就代替了Body,而且是隐藏了滚动条的。这样body...

四个div 定义两个块并排,PHP代码怎么写
html代码可以直接在写php文件中的,每一个都左浮动就可以了,float:left;你给每一个指定的宽和高,会自动挤下去的。

DIV+CSS中页面2个div并排 一个宽度定像素一个宽度宽度自动适应 如何...
怎么可能div right 在div main里面,他的参考是div main 不是浏览器窗口,不会自动适应浏览器的。可以把div main 设置成relative,把div right设置成absolute,right=0,让他靠右,这是可以用%来设置宽度,并且这时也是以div main为参考的。

两个并排div设置浮动后,间距如何设置,现在两个盒子已经重合了_百度知 ...
是用float:left;跟float:right;来设置吗?如果知道宽高的话,就设置宽高值,这样位置会比较固定,然后再设置margin值就可以设置他们的间距。每一行之后,最好用<div style=“clear:both;”><\/div>来清除浮动,这样下一行就不会跟着浮动了。

为什么我用dw做个div最右边的那个总是靠下的?我想靠右上并排的,我代...
必须是3个同时浮动才能并排排列。只浮动某个不管用。下面是为你改好的。<div style="height:250px; width:750px;"> <div style="height:100px; width:200px; float:left;"> dsfgsdfg <\/div> <div style="height:100px; width:200px; text-align:center; margin:0 auto; float:left;"> ...

div多张图片如何并排显示?
<div style="width:960px;overflow-x:scroll"> <div style="width:2280px"> <img src="1.jpg" width="760" height="100"\/> <img src="2.jpg" width="760" height="100" \/> <img src="3.jpg" width="760" height="100"\/> <\/div><\/div> ...

如何使用img插入2张图片在一个div盒子里并排居中显示?
两种方式可以实现你说的效果:1,相对简单,直接给img 图片的父级标签设置 text-align: center; 属性,因为图片是内联块元素,即 inline-block 元素,这类元素是可以用 text-align 属性来控制对齐方式的。2,相对复杂,而且只能是现代浏览器才行,在老一些的IE浏览器中不支持。就是使用 flex 布局,...

DW得DIV要是用FLOAT:LEFT并排得话换下一行是不是还要加个什么代码?
需要加一个清除浮动的层,可以定义一个全局使用的样式,例如 .clear{ clear:both; font-size:0; height:0; overflow:hidden;}

想实现一个<td><\/td>里面并排放置两个div,而且这两个div是平分这个td的...
<style> div{width:50%;float:left;} <\/style> <td> <div><\/div> <div><\/div> <\/td> 这样就可以了,记得td要有宽带,要不然div继承的宽带在一些浏览器上会错。

高青县13731671348: 3个div并排显示,其位置无论窗口大小保持不变! -
军乖益气: 楼上的,你忘了清除浮动了. 应该这样: HTML: CSS: #exampleA {float:left;} #exampleB {float:left;} #exampleC {float:left;}

高青县13731671348: 怎么在一个div里面让三个div一排显示 -
军乖益气: 1、打开HTML编辑器(以hbuilder为例) 2、在左侧空白处右击新建web项目; 3、输入项目名称,点击确认; 4、在左侧点开项目双击index页面; 5、将下面代码复制到<body>中; <div class="app"><div style="display:inline-block...

高青县13731671348: 3个div怎样设置才能并列放在网页上,希望好心的哥哥姐姐们给指点下 -
军乖益气: 在DIV的CSS样式中加上display:inline;属性.参考代码:<div style="clear:both;float:left;width:750px;height:38px;"><div style="clear:both;margin-top:5px;display:inline;font-size:12px;float:left;margin-left:123px;width:125px;color:#6A4B2F;height:...

高青县13731671348: 3个div怎样设置才能并列放在网页上,希望好心的哥哥姐姐们给指点下 -
军乖益气: 在DIV的CSS样式中加上display:inline;属性.参考代码:<div sty...

高青县13731671348: 通常来说,一个div块里的3个小块怎么让它们并排显示最好. -
军乖益气: 通常来说要看你DIV这里面的3个小块是什么元素,如果是行内,那么它绝对是已经并排显示了;如果是块状只需要给他们浮动自身;如果有块状也有行内元素,那么可以让行内元素 display:block;变成块状进行浮动.

高青县13731671348: 怎么让一个大div里的3个小div并列 -
军乖益气: 给你个参考.div1 { float:left; width:75px; height:20px; }.div2 { width:175px; height:20px; float:left; } div3 { width:250px; height:50px; clear:both; }<div class="div1">我是第一个div</div><div class="div2">我是第二个div</div><div class="div3">我是第三个div</div>

高青县13731671348: DIV+CSS怎么让三个DIV居中分布开来? -
军乖益气: 正常情况下,DIV框架是不能自动水平对齐的,是垂直排列的,需要在书写完成一个DIV之后用代码控制一下,代码如下:<div style="float:left;"></div> 这个是左浮动的意思,就是让你的第二个DIV排列在第一个之后,是水平排列.

高青县13731671348: 怎么让三个div层并排分布 -
军乖益气: 3个DIV 加上浮动 float:left; 第4个DIV别忘了清楚浮动clear:both;

高青县13731671348: 如何实现3个div并排!
军乖益气: 三个div 外面再写个div标签, 然后 float设置为left, 包在里面的三个div都设置 left 注意三个div加起来宽度不要超过,外面的div 就可以了.

高青县13731671348: 怎样让一个三个一样大小的div都在同一位置?有两个div是隐藏的,定位的话怎么定位三个div在同一 -
军乖益气: 可以利用 position 浮动来实现,分别 top和left相等, 通过z-index来控制哪个元素在上面.就可以实现了.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网