咨询QQ:865885740    邮箱:support@ccqyj.com咨询热线:158 2330 1928
信息中心 / news
当前位置: 首页 > 信息中心 > 网站设计 >

网页设计中元素定位应用技巧及注意事项

日期: 2014-06-20来源: 重庆易加网络[www.ccqyj.com]关键字: 重庆网站设计 重庆网页设计    阅读量:
绝对定位应用
若想做页面飘动广告,则该div需绝对定位,且z-index值大于其他值,然后用javascripe对其设置特效。注意z-index属性只有当position值为absolute时才生效。
 
相对定位应用
若想利用层做二级菜单,又希望菜单导航无论在任何版本浏览器居中显示,则可以在菜单层添加父div,设父div水平居中相对定位就可达到想要的效果,这是相对定位和绝对定位综合应用。
 
浮动应用
图文混排排版,只需设图片左浮或右浮即可达到文字围绕在图片周围;全图排版,只需设图片向左浮或右浮,另设置每个图片框的大小,即可设置每行显示几个图片;
 
浮动应用注意事项
(1)div设为浮动时,它的宽度自动随内容改变,一般布局时,浮动对象最好设置宽度,除图片之外,因它的宽度隐含在内。
(2)父dvi的高度不会随子浮动div的高度变化而变化,这主要是因为dvi浮动就脱离文档流,解决这个问题的方法是在父div的底部添加一个空div,并设置该div清除浮动(clear:both;)即可。
(3)块状对象浮动后就容许其他对象和它占用一行。

本文由重庆易加网络 www.ccqyj.com原创提供,转载请注明来源。