一个DIV里面包含3个靠左的div和2个靠右的div，靠右的分行了，如何让他们显示在同一行？
左边3个div放在一个div中，右边2个也放入一个div中，粘贴看效果
你的写法有错误！！首先你的左边三个div必须用一个大盒子右边的两也得用一个大盒子！然后让这两个大的盒子一个左浮动另一个右浮动！！因为浮动是跟据前面的一个层来浮动的，像你那样写的话它是把左浮动执行完以后才执行右浮动的！！<divstyle=width:950px;height:480px;<divstyle=width:190px;float:left<divstyle=width:190px;height:160px;border:1px#ccccccsolid;margin:10px000;</div<divstyle=width:190px;height:200px;border:1px#ccccccsolid;margin:10px000;</div<divstyle=width:190px;height:75px;border:1px#ccccccsolid;margin:10px000;</div</div<divstyle=width:750px;float:right<divstyle=width:750px;height:250px;background-color:#000;margin:5px000;</div<divstyle=width:750px;height:200px;background-color:#000;margin:5px0;</div</div</div
你的写法有错误！！首先你的左边三个div必须用一个大盒子 右边的两也得用一个大盒子！ 然后让这两个大的盒子一个左浮动 另一个右浮动！！因为浮动是跟据前面的一个层来浮动的，像你那样写的话它是把左浮动执行完以后才执行右浮动的！！<div style="width:950px; height:480px;">
<div style=" width:190px; float:left">
<div style="width:190px; height:160px; border:1px #cccccc solid; margin:10px 0 0 0;"> </div>
<div style="width:190px; height:200px; border:1px #cccccc solid; margin:10px 0 0 0;"> </div>
<div style="width:190px; height:75px; border:1px #cccccc solid; margin:10px 0 0 0;"> </div>
</div>
<div style="width:750px; float:right">
<div style="width:750px; height:250px; background-color:#000; margin:5px 0 0 0;" > </div>
<div style="width:750px; height:200px; background-color:#000; margin:5px 0;"> </div>
</div>
</div>
css样式的float 指的是把元素浮动。 像水里的东西一样浮动。
所以， 当你的页面的宽度不够时，它会向下移动。
解决方法是，把向右移动的div的宽度有750 调成较小的。比如 150 就可以显示在同一行了。
css要灵活运用，加油。。
你那个大的div宽度，，width太小，，容不下几个div并排，，把它设置大点就OK了，，给我分吧
出现分行的原因是 子集超出了父集。
里面的5个DIV宽度加起来要小于 950PX
我觉得楼上的第二个div不用加float:right了,剩下的都还行
editplus中div*3怎么生成3个div
利用css属性里面的float属性。 首先写上3个div： 这是第1个div这是第2个div这是第3个div接下来写css： .box1,.box2.box3 { float:left; }这样三个div就会一排显示了。
用div布局3个容器,a1宽度500高度300a2宽500高300ac宽度1000高度300,怎...
<div class="box-content"> <div class="box-a"> <div class="a1"> 宽500，高300 <\/div> <div class="a2"> 宽500，高300 <\/div> <\/div> <div class="ac"> 宽1000，高300 <\/div> <\/div> .box-content{ width:100%;text-align: center;} .box-a{ width:100%;overflow: ...
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 {...
dw里面三个层怎么并排放?并且我想让它在有游览器里面显示居中(不是文字...
<p>PROGRAMS<\/p> <\/div> <div id="t3" style="width:30%; float:left; text-align:center;"> <p>SCHEDULE<\/P> <\/div> <\/div> <\/center> 注：margin:0px auto，是比较常用的让层居中的方法，但是，这个方法很难兼容各种浏览器，有些浏览器里居中，有些浏览器里不居中。而用<center>...
3个div水平居中(3个并列,每个div的宽度是一定的,每个div可以有间隔和没...
<div style=" width:100px; height:100px; border:solid 1px yellow; float:left; margin-left:10px;"><\/div> <\/div> div要横向排列就要用float，居中要用margin-left:auto;margin-right:auto,但是有float，这个margin-left:auto;margin-right:auto;就会出问题，所以就要在外围定义一个容器，在...
三个div呈品字形排列用css3的flex方式怎么写?
既然楼主说是弹性盒，那就用弹性盒的相关术语来进行分析。首先分析图片，一个大容器中包含三个项目，你会发现单纯的给容器加一个display:flex;的声明是不可以的，因为这个声明默认容器内的项目在一行显示，并且不会溢出。那么我们就需要一个声明让项目遇到容器边界时自动换行，就是flex-wrap: wrap;这个...
我有5个DIV,ID分别为div1,div2,div3...我用JS做个逐个显示的效果。
Css and Js<style>#div1,#div2,#div3,#div4,#div5{display:none;}<\/style><script type="text\/javascript">var i = 1;function showDiv(id){document.getElementById("div"+id).style.display='block';i++;if(i>5){return false;}}<\/script>Html<body><input type="button" value=...
设置三个div样式怎么设置?
新建一个html文件,命名为test.html 2.在test.html文件内,使用css设置页面所有的div宽度为300px,高度为300px,div的位置为绝对定位。3.在test.html文件内,创建三个div,并用文字标识,分别为底层div、中层div、最顶层div
有3个DIV和3个按钮,首先3个DIV全部显示,点击按钮,对应DIV显示到指定...
参考代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>div方块移动<\/title> <style> .div1{ width: 200px; height: 200px; background-color: gray; box-shadow: 5px 5px 0 rgba(0,0,0,0.2); margin-left: 0px; -we...
我想定位嵌套div,div1在上,div2在下,div3在div1 div2的右边,该怎样用CS...
我的方法和二楼的方法类似，也是左右两个DIV，都往左浮动，然后在左边的DIV里面设置DIV1和DIV2，通过DIV2 clear清除父对象的浮动 这样很自然的就上下对齐了~~个人建议，通过宽度来被动调节上下对齐的方式 不如主动的设置对齐方式，因为在未知的浏览器中，我们不知道它们怎么解释这种情况，所以还是手动设置...
第瑾罗西： 你的写法有错误!!首先你的左边三个div必须用一个大盒子 右边的两也得用一个大盒子! 然后让这两个大的盒子一个左浮动 另一个右浮动!!因为浮动是跟据前面的一个层来浮动的,像你那样写的话它是把左浮动执行完以后才执行右浮动的!...
六盘水市15643128035： 一个div里多个div的定位布局 - ？
第瑾罗西： 先定义一个总的DIV ,然后在这个总的里面再定义三个DIV ,分别分布在左、中、右.然后在左边DIV中再定义两个DIV ,分别是左上和左下.把大的框架做出来之后再往里面写相应的CSS控制就行了.给你加个大概的样式<style>.main{width:...
六盘水市15643128035： 求一个div+css的布局,3个div,分别在顶部、左、右 - ？
第瑾罗西： <div class=＂dingbu＂ style=＂width:800px;＂>顶部</div><div class=＂zuobu＂ style=＂width:395px; float:left;＂>左部</div><div class=＂youbu＂ style=＂width:395px; float:left;＂>右部</div>
六盘水市15643128035： 一个大的div套三个小div,如何让三个小div平均分配???? - ？
第瑾罗西： 1、首先需要打开自己电脑上的DW软件,然后新建一个html页面,并保存在桌面上. 2、然后需要在该html页面的body部分敲入部分代码,基本上就是一个父级DIV下面有三个子级DIV. 3、然后在三个子div中输入文字,在浏览器中测试,查看效果,可以看到默认情况下三个div是竖排显示的. 4、接下来要这四个div赋予class属性,使之具有不同的样. 5、然后为三个中的前两个设置float:left属性,最后一个设置float:right属性,或者是float:left属性,都可以. 6、之后再到浏览器中查看,就可以发现三个div并排显示了.
六盘水市15643128035： 设置三个小div一个top,一个left,一个紧靠左侧div - ？
第瑾罗西：.div1{width:100%;height:auto;overflow:hidden;} .div1 .top{width:100%;height:100px;background:red;} .div1 .div3{width:100%;height:auto;overflow:hidden;margin-top:10px;} .div1 .div3 .left{width:300px;height:100px;background:blue;float:left;} .div1 .div...
六盘水市15643128035： DW中页面中有一个大DIV,大DIV里有三个小DIV,如何让三个小DIV在大DIV里左、中、右排开,并随网页缩放缩放 - ？
第瑾罗西： 给你2个解决方案:1、使用table布局,好处就是td不会换行,不容易出错,3个td高度一直是一样的,所以可以再在里面套div;举例:<div style=＂height:130px; border:1px solid red; padding-top:30px;＂> <table border=＂0＂ cellpadding=＂0＂ ...
六盘水市15643128035： 一排怎么放三个div - ？
第瑾罗西： 每个div定义左浮动(或者左边两个定义左浮动,第三个定义有浮动),都要定义上合适的宽度.
六盘水市15643128035： 怎么在一个div里横向嵌套三个div - ？
第瑾罗西： <div></div> <div></div> <div></div></div>
六盘水市15643128035： 一个DIV里面三个DIV并排为什么不行? - ？
第瑾罗西： <!DOCTYPE html PUBLIC ＂-//W3C//DTD XHTML 1.0 Transitional//EN＂ ＂http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd＂><html xmlns=＂http://www.w3.org/1999/xhtml＂><head><style type=＂text/css＂>.clear{clear:both;}</style><meta...
六盘水市15643128035： 如何让3个div同时平铺在一个div里 - ？
第瑾罗西： and1和and2都设置左浮动float:left.and3可以设置float:left也可以设置float:right.也可以不定义.最好三个都定义float:left,然后在and3后面加个div设置clear:both清除浮动属性!
