css里设置的导航菜单怎么使其紧靠左边上?

html-css014

css里设置的导航菜单怎么使其紧靠左边上?,第1张

要让id=menu的div紧贴id=wrap的div,#wrap的padding-left应为0px,其实才是#menu的margin-left(你的已设定)与padding-left为0px

要让每个li向左浮动的话应当让其block化 CSS文件修改如下

#wrap {

margin:auto

width:800px

padding-left:0px

}

#menu ul {

display:block

font-size: 14px

list-style: none

padding:0px

}

#menu {

background: url(menu-d.png) repeat-x top left

height: 36px

overflow: visible

padding-left: 0px

margin:0px

}

#menu li {

float: left

position: relative

z-index: 5

}

用css创建一个类 然后在类里面 写:margin:0 auto这个是DIV居中,但是必须要给DIV一个固定的宽度太可以居中,,,内容向左和右,可以写 text-align:left或right,内容居左和右,,建议你去 站长好站 学习学习吧,,有视频教程的,都非常的经典的。

看情况吧。楼上的那两种方法只能针对图片还要盒子宽度全部都确定的情况下才可用。。。加入图片的宽度不固定就失效了。

我的方法是一个大的div,就是你要的那个div,然后里面再嵌套一个div,放置两张图片,然后用text-align:center做居中。要居中的图片就不用管了,这样就可以了。然后要紧挨的那个图片加position:absolute:但是不要设置top跟left让它自适应。

这个是我认为最佳的解决方法!信不信你自己试试就知道了。

<div style="heighT:100pxwidth:1000pxmargin:0 autooverflow:hiddentext-align:center">

<img src="img/qq.gif" width="980"/><img src="img/sina.gif" style="position:absolute"/>

</div>