怎么让多个div在同一个地方

作者&投稿:但冉 (若有异议请与网页底部的电邮联系)
如何让3个div同时平铺在一个div里~

and1和and2都设置左浮动float:left。
and3可以设置float:left也可以设置float:right。也可以不定义。
最好三个都定义float:left,然后在and3后面加个div设置clear:both清除浮动属性!

在内层设为 absolute 的时候,外层必须设为 relative,否则外层默认为 static。这样外层有滚动条的时候,内层 div 才会随着外层滚动。

div {border: 1px solid #000;}#outer {width: 500px; height: 500px; overflow: auto; position: relative;}#outer div {position: absolute;}#inner1 {width: 300px; height: 100px; top: 250px; left: 20px;}#inner2 {width: 200px; height: 150px; top: 150px; left: 150px;}#inner3 {width: 250px; height: 150px; top: 230px; left: 200px;}#inner4 {width: 250px; height: 100px; top: 320px; left: 170px;}#makeScroll {width: 10px; height: 10px; top: 1000px; left: 1000px;}

<div style="border:solid 1px yellow;width:100px; height:100px;"></div>
<div style="border:solid 1px green; position:absolute; width:100px; height:100px; top:15px; left:10px"></div>
<div style="border:solid 1px red; position:absolute; width:100px; height:100px; top:15px; left:10px"></div>
像这样,定位到一个点上面就可以了。
有很多种方法,看楼主习惯怎么用。
这里例子是三个div重叠。

DIV是层..为了加CSS或者别的区域进行嵌套的..
只要你DIV能遵守规则..有前标记..必须有尾标记..
有开有关就可以...

楼上的那种效果确实是在同一个地方,但是如果最后面那层比前面两层还大,那么下面两层就看不到了, 不知道你要的效果是什么,把问题补充的具体点,这样就好解决了


两个div怎么放在同一行?
在HTML中,让两个DIV在同一行显示,就是通过float属性来设置的,我们可以通过设置3个div,然后第一个div包裹住其他2个div,然后在设置宽高就可以了。我提交一段代码:<html><head><title>DIV的同行测试<\/title><\/head><body><div><div style='flaot:left; width:330px; height:200px;'><p>我...

如何让三个盒子模型同行
1.使用css float并排显示 -TOP 我们对div设置一个float浮动属性即可解决不并排显示,只要你的并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。 加float浮动实现多个div并排...2.使用css display同行显示 -TOP 我们加入display:inline即可解决实现同行并排显示div盒子对象。 未设置...

html中怎么将2个div放在同一行
1、设置浮动 div{ float:left; }2、改变div属性 div{ display:inline-block; }

DREAMWEAVER中,CSS+DIV,怎么实现几个DIV同一行而不是同一列
在dreamweaver中,常用-布局-绘制层(第三个),然后在设计面版中进行绘制,也就是在设计面版中按住鼠标左键不放,进行拖动,就行,要多大拖动多大.然后选中这个层可以改变这个层的高度与宽度等属性.你想在一行要几层就绘制几个层,这样就行了啊

想要这三个div的内容显示在同一行,求解
常见问题,使用协议这两个的DIV都加上float:left;就可以了。

怎么让多个div在同一个地方
<div style="border:solid 1px yellow;width:100px; height:100px;"><\/div> <div style="border:solid 1px green; position:absolute; width:100px; height:100px; top:15px; left:10px"><\/div> <div style="border:solid 1px red; position:absolute; width:100px; height:100px; top:...

一个DIV里面包含3个靠左的div和2个靠右的div,靠右的分行了,如何让他们...
你的写法有错误!!首先你的左边三个div必须用一个大盒子 右边的两也得用一个大盒子! 然后让这两个大的盒子一个左浮动 另一个右浮动!!因为浮动是跟据前面的一个层来浮动的,像你那样写的话它是把左浮动执行完以后才执行右浮动的!!<div style="width:950px; height:480px;"> <div ...

多个定位Div,如何在同一行显示?超出的 不显示咋父类中,通过点击事件来...
在DIV的样式加上 overflow:hidden; 这样可以隐藏超出的部分 可以在DIV上加上鼠标单击事件 onClick="a(this.id)" ,这样可以通过单击隐藏或显示超出的部分 下面是JS部分 <script> function a(Container){ if (document.getElementById(Container).style.overflow == 'hidden') { document.getElement...

两个div 并排放到同一个div上面??初学,求指导!!!
olive;width: 499px;height: 1000px;float:left;" class="c" ><\/div> <\/div> 根据浮动的原理。B C 分别加 float;left; 即可 宽度调小一点 块级元素不允许和其他元素同一行。那么加个float: 就能实现。参考资料:http:\/\/www.w3school.com.cn\/css\/css_positioning_floating.asp ...

如何让两个<div>标签在同一行内?
在你写下一个DIV的时侯清除右浮动(clear:right), <div style="float:left;"><\/div><div style=“float:right;"><\/div> <div style="clear:right;"><\/div>

松江区17645418903: 怎么让多个div在同一个地方 -
盈炎肝胆: <div class="box"> <div class="box"></div> </div></div> 不推荐楼上id的写法...页面中id是唯一的,只可出现一吃,class则可以多次出现..

松江区17645418903: html布局,下面怎么使两个div在同一行显示? -
盈炎肝胆: 两种常用方法: <p class="p_left">左左左左左左左</p><p class="p_right">右右右右右右右</p>.一、 .p_left{float:left;}..p_right{float:left;}. 二、(中间如果有空格 他会留空格的 上面的就不会,你要块状也可以换成display:inline-block;)...

松江区17645418903: 如何实现多个div围绕一个div -
盈炎肝胆: 用position 相对位置 做图层效果. 例:position: absolute; 设为相对位置 z-index: 999; 设置层级 top: 10px; 设置位置或使用right left top: -10px;

松江区17645418903: 怎样让两个div在同一行 -
盈炎肝胆: 在HTML中,让两个DIV在同一行显示,就是通过float属性来设置的,我们可以通过设置3个div,然后第一个div包裹住其他2个div,然后在设置宽高就可以了,我提交一段代码:<html><head><title>DIV的同行测试</title></head> <body><div...

松江区17645418903: 怎样让一个三个一样大小的div都在同一位置?有两个div是隐藏的,定位的话怎么定位三个div在同一 -
盈炎肝胆: 可以利用 position 浮动来实现,分别 top和left相等, 通过z-index来控制哪个元素在上面.就可以实现了.

松江区17645418903: 在css怎么让两个div在同一行显示 -
盈炎肝胆: 实现两个div在同一行显示有多种方法,可以用设置浮动——用float,还可以用绝对定位position,等等. 这里只简单介绍使用浮动实现方法.方法一: 方法二: 方法三: 这三种方法均可实现div同行显示.

松江区17645418903: 如何让3个div同时平铺在一个div里 -
盈炎肝胆: and1和and2都设置左浮动float:left.and3可以设置float:left也可以设置float:right.也可以不定义.最好三个都定义float:left,然后在and3后面加个div设置clear:both清除浮动属性!

松江区17645418903: 如何让两个div并排同行显示 -
盈炎肝胆: 首先:把这两个div写在html代码中,如下代码所示.第一个div第二个div 其次:再css样式里面对这两个div控制,让其左浮动,或者右浮动,根据自己需要调整.下面给出例子,div的高是253px,宽是280px,让其两个左浮动,这样两个div就并排在一行了..content { height: 253px; width: 280px; float: left; } 最后,考虑到div的布局不规整,可以用一个大的div对其加以控制,可以写成这样,这样就可以了.第一个div第二个div

松江区17645418903: 怎样使复制的多个DIV标签都在同一行显示?
盈炎肝胆:用float来设置,float="left"或float="right".

松江区17645418903: 如何让两个<div>在一个<div>里面并排求解 -
盈炎肝胆: #a{width:300px;}#a div{float:left; width:150px;}<div id="a"<div</div<div</div 这样应当就行吧,反正是这种思路.<divstyle="display:inline"</div</div/*********表格也可以实现,但是表格是需要整个表格下载完成后才能显示出来********************...

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