两个divcss一样,为什么显示不一样??

如题所述

第1个回答  2013-07-21
main1和main2不用居左200像素
直接让它们也左漂浮就解决了这个问题..
不过像你这样写就有点太乱了..
而且你左侧写的是宽200像素 右侧又换成百分比了 这样的写法太乱 而且不好控制
下面是我写的一个案例你看下效果..
希望可以帮到你<style>
.left1{ float:left; width:30%; height:100px; background:#CCC;}
.main1{ float:left; width:70%; height:100px; background:#000}
</style>
<div class="left1">左侧1的内容</div>
<div class="main1">右侧main的内容</div>
<div class="left1">左侧1的内容</div>
<div class="main1">右侧main的内容</div>本回答被提问者和网友采纳
第2个回答  2013-07-21
没看懂。。哪两个不一样追问

两个图是一样,图里面两行不一样

追答

实际效果不一样么,DW看到烦

用css写网页。定义了两个div,为什么右边的跑到左边下边去了
1.div是块元素,块元素要占据一整行,不管块元素宽度设置多大,它都是占一整行的!2.给俩个div设置样式display:inline-block,它就会变成行内元素,这样如果俩个div的宽度小于浏览器总宽度的时候,俩个div就排列到同一行了!3.还可以给俩个div设置浮动样式float,同样它就会变成行内元素,这样如果俩个di...

我用div布局的时候,为什么2个相同的div出现错位
我刚刚看了下 你给出的CSS样式 我只看到了中间的"sgg"样式 而你说的两个相同的样式 你没有写出来 也就是说 你两个相同的样式可能是因为他的宽度出了问题 如果 <div class="szdleft">sss<\/div> <div class="szdleft1">sss<\/div> <div class="szdright">sss<\/div> 这三个...

两个divcss一样,为什么显示不一样??
不过像你这样写就有点太乱了..而且你左侧写的是宽200像素 右侧又换成百分比了 这样的写法太乱 而且不好控制 下面是我写的一个案例你看下效果..希望可以帮到你<style> .left1{ float:left; width:30%; height:100px; background:#CCC;} .main1{ float:left; width:70%; height:100px; b...

为什么在css里面设置了一样的位置 显示效果却不一样
padding不是用来设置位置的,是用来设置填充的!!!用到如上样式中的意思是文字距离body的边界的距离是" 10px 5px 15px 20px; "padding是不能重叠的,z轴如果没有特别定义的话。位置是这样设置的:<div id="img"><\/div> img{ position:absolute;top:10px;left:20px;} ...

...2个相同的DIV,他们的CSS都一样,为什么第一个DIV能显示正常,第二个却...
你好,很高兴为你解答网页制作问题: 设置两个div id相同就覆盖了,你可以用两个不同的id 调用同一个css 就可以了 满意望采纳评价 满意请采纳

css+div,为什么定义的边框和显示的有差别
因为看见出现了很多margin 可以告诉你 margin 是会重合的(貌似是bug),所以 左右或者上下两个相邻的div 你只需要在其中一个div上设置margin 就不会出现重合问题了 div的顺序应该是 left right center 这样向右浮动了以后,才把center置于中间 参考资料:<a href="http:\/\/www.mb5u.com\/divcss...

css div中,为什么div的height属性设置相同,出来的效果不相同?
1,第一个问题你按F12看下布局情况,2,第二个问题先理解下padding的含义,最直观的方式line-height:80px;

网页中:两个div一左一右,怎么不行?
左边的DIV在CSS中加 float: left;右边的DIV在CSS中加 float: right;宽度最好设为百分比

我在css里定了上下两个div框架、可是下面的总跑到上面框架的位置是怎...
看看 两个div的css用 有没有 float: 或 position: 之类的属性,他们都有可能导致。你百度一下他们的css 功能就知道了 他们是使目标脱离文档流并且不占位的 ,就是 有他它这个属性 就会飘起来 也就是浮动 解决办法:1。去掉就好了 ,2。(提倡)但有事后 还就需要加他 ,那就在浮动的div...

...都已经固定宽度设定了float:left浮动了,为什么还是不能在一排上 ...
id="header"的宽度没给出来,你设置的多少,刚刚我算了一下 总宽度是(190+5)+(600+20)+(150+10)=985px,你的 id="header"的宽度必须大于这个值才能在一行显示。此时多数浏览器下都正常了,IE6下会有双倍浮动的bug,必须将.logo,.nav 的css添加display:inline才能确保IE6下正常 ...

相似回答