css通栏导航条在手机登小屏幕上断掉

html-css05

css通栏导航条在手机登小屏幕上断掉,第1张

呵呵,,

这个应该是你设置为100%宽度,而你上面的图片又设置了固定宽度,所以,100%就是屏幕的宽度,而你上面又有超过屏幕的宽度,所以造成这样。。

给它加上min-width:宽度和上面图片的一样,,就行了。。最小只能小到多少宽度,,这样就不会有截断了。

直接插入图片就行了,如插入980px的BANNER条,

<div class="banner"><img src="banner.jpg" /></div>

css的话,如果要让banne居中的话

.class .{ margin:0 autowidth:980px}

最下面的div可以不做定位,这样div曾会按正常顺序排列,始终在底部。宽度设置100%

<div>横幅</div>

<div>内容</div>

<div>底部横幅</div>

==底部横幅是嵌套的,外层:宽100%,居中,背景横向平铺;内层:宽980,高度固定

其实,这个顶部横幅也是嵌套的,不然没效果

100%宽度的意义是使页面适应所有浏览器的宽度,很重要