2、中间列
图片A作为背景(宽度960)。
内容都放置在这里面。
3、左列由图片B填充为背景
宽度为1,高度若干,横向拉伸
4、右列由图片C填充为背景
宽度为1,高度若干,横向拉伸
以上4点是由于图片A的左侧边缘和右侧边缘不一样,所以两侧需要有不同的2张图片向左右延伸出去(填满屏幕),以便用户在不同分辨率下可以比较舒坦。
回复讨论(解决方案)
=。=
一天了还么人回复吗……
那就三个图片分别放在一个div里面,外包一个div,中间的宽度为图片的宽度,左右两边自适应auto
那就三个图片分别放在一个div里面,外包一个div,中间的宽度为图片的宽度,左右两边自适应auto
看了几遍……没太明白……
页面名称 #A { position: absolute; top: 0; left: 50%; margin-left: -480px; width: 960px; height: 1000px; background: #FF9900;}#B { position: absolute; top: 0; right: 50%; margin-right: 480px; width: 50%; height: 1000px; background: #CC66CC;}#C { position: absolute; top: 0; left: 50%; margin-left: 480px; width: 50%; height: 1000px; background: #99FFFF;}
查看更多关于【请教】如何实现横向布局时图片A居中宽度固定,左右两侧由不同的图片B、C填充为背景_html/css的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did110285