一个DIV里面4个DIV并排在一行显示,设置了每个div的宽度,但是会行向铺满页面

一个DIV里面4个DIV并排在一行显示,设置了每个div的宽度,但是会行向铺满页面,没有和页面局中,在不同的分辨率下,会错位,移到下面一行

目前网页的宽度一般设为1000宽,不要过大了。
即你最外围的DIV宽度设置为1000,里面的4个DIV值要刚好够1000(最好是小于1000,好的的办法是三个DIV靠左,一个DIV靠右,中间要留言5-10个像素,因为还要考滤不同浏览器的显示兼容问题)
居中可以在BODY中设置。
body{text-align:center;}
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-12-08
设置边距。

html 怎么让背景图铺满整个页面
下面这段代码给div设置了一个宽度和高度,然后添加了一张背景图片,并使用了background-size:cover;这个属性,就会自动放大或缩小背景图片来适应,但是需要指出的是这个属性在需要在IE9及以上版本支持,谷歌和火狐都支持,具体支持情况看上面的图,浅绿的代表支持,粉红的不支持,你也可以到caniuse.com自己...

HTML怎么让背景图铺满整个屏幕(不单单是一个全屏那么大,是整个网页...
将背景图写在body下试试,或者定义一个父级的div(背景图放在这个下面),后面的div都写在这个父级的下面

一个大div下套了两个小div左浮动,两个小div怎么默认宽度自动铺满
.zi_div2{width:50%;float:left;height:100%;display:block} 这样的操作是把子DIV设置成块元素,50%就 是300PX,那么两个就刚好是600PX,高的话就直接和父级一样,而且子元素不会受父DIV的大小影响,希望采纳谢谢。

两个div在一行,第一个用width:150px,想让第一个铺满剩余的部分,应该怎 ...
<style> .main{position:relative; height:300px;} .one{position: absolute; left:0; height:300px; top:0; width:150px; background:#444;} .two{display:block; margin-left:150px; height:300px; background:#ccc;} <\/style> <div class="main"> <div class="one"><\/div> <div...

移动端设置固定比例的盒子,让图片铺满盒子,并设置默认图片
也就是说,网页的宽度是100vw,取一半就是50vw,无论怎么缩放都是一半,而且这个一半不止可以用在width上。所以:一个正方形就出来了~ 其它比例 跟上面一样,通过公式可以得到:盒子相对定位,图片绝对定位,宽度100%,就能铺满啦~给盒子加上背景图片就能搞定!完整:参考 https:\/\/www.jians...

...红色部分为一个div,请问如何让div的宽度铺满全屏,而不是在添加了...
width:控制 viewport 的大小,可以指定的一个值,如果 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。height:和 width 相对应,指定高度。initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。maximum-scale:允许用户缩放到的最大...

html页面放大时不能铺满整个页面问题
<\/div> <\/div> CSS:ul{ list-style:none; padding:0; margin:0} body{ padding:0; border:0; margin:0} .nav{ width:100%; height:50px; background:#F00} .nav_con{ width:1200px; height:50px; margin:auto} .nav_con ul li{ float:left; padding:0 15px; text-align:center...

DIV CSS 如何让网页中的某DIV自动适应屏幕高度自己变如下图
1、首先创建或者打开我们的web项目,新建一个html文件和css文件即可,如图所示。2、html页面代码如图所示,定义一个div,然后给一个id属性即可。3、这里是使用宽度的百分比之后,设置高度值为零,然后使用padding属性的top或者bottom的值(可以是任意百分比),背景颜色作为测试。4、然后在浏览器运行之后的...

div布局 宽度可变
<div id="right"><\/div> <\/div> 让id是left的层宽度固定(css里面设置);id是right的层宽度自适应!这样左边就会一直是不变的!如果想全部不变就把右边也固定了!如果是后台!应该是用框架吧~?所有的宽度自适应应该以1024能浏览为标准!如果1024浏览正常那么更大的就一定行了!至于1024以下的!

css已设置width100% 为什么宽度没有占满浏览器?
1、新建html文档,在body标签中添加一个div标签,然后为这个div设置一些样式:2、用浏览器打开编辑好的html文档,这时可以从浏览器中发现浏览器四周留有一些白色空隙:3、在style标签中为“*”添加“margin: 0;padding: 0;”样式,“*”表示所有元素,“margin”和“padding”表示外边距和内边距:4、...

相似回答