div+css如何调整布局子菜单的宽度

html-css019

div+css如何调整布局子菜单的宽度,第1张

CSS中如何设置div的宽度?

我们在CSS布局中常常对指定DIV设置一定宽度,这里DIVCSS5为大家介绍两种设置DIV宽度(width)的方法。

一、外部CSS样式设置DIV宽度 - TOP

首先我们新建命名一个CLASS www.hbbz08.com 或ID的类,这里CSS命名为“.divcss5”,以class引用。并且设置宽度为300px,CSS选择器代码如下:

.divcss5{width:300px}

/* css 注释:这样设置了对象divcss5宽度为300px样式 */

针对DIV使用代码:

<divclass="divcss5">我宽度设置为300px</div>

宽度设置截图:

外部CSS宽度设置案例截图查看大图

外部CSS宽度设置案例截图

二、div标签内设置CSS宽度样式 - TOP

假如这里也是对DIV标签设置css width为300px,div标签内设置CSS样式,我们就需要style属性值。

直接得到HTML代码片段:

<divstyle="width:300px">我宽度设置为300px</div>

标签内设置宽度样式截图:

这是由两个div来实现的,首先建立一个外层div并设置宽高,要使宽度随屏幕宽度变化(即浏览器宽度变化),那么宽度就得设置100%,高度设置为你需要的高度即可,具体属性为 width:100%height:你自己的高度background:你需要的颜色这样就让该div随屏幕(浏览器)宽度变化而变化了。然后在这个div里面再嵌套一个div给定一个宽高属性,就是你导航的宽高,要使之居中,各人使用的方法也有所不同,但是常用的还是margin属性,具体属性如下 width:你导航的宽度height:你导航的高度margin:0 auto 这样就实现了,如果背景是图片的话就更改background属性即可,还有不明白的随时Hi我。