当前位置：首页 → 问答吧 → 求救,关于淘宝定位浮动框

求救,关于淘宝定位浮动框

时间：2011-09-10

来源：互联网

怎么能让红色DIV区域始终和黑色950表格紧贴在一起,也就是红色右对齐黑色的左侧,水平高度始终一致,DIV必须是浮动的.我对DIV和JS一窍不通,但是淘宝店铺必须做这样的效果,求助!

<table width="950" height="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000"> <tr> <td> </td> </tr> </table> <div style="width:150px;"><table width="150" border="0" cellpadding="0" cellspacing="0" bgcolor="#990000"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table>
提示：您可以先修改部分代码再运行

作者: ccet2006 发布时间: 2011-09-10

现在找不到肯帮忙的人了.....不懂DIV的美工真命苦啊

作者: ccet2006 发布时间: 2011-09-10

顺便说下,因为淘宝的要求必须在950像素的区域里面放上所有代码,所以那个div必须是浮动的,整体页面宽度不能超过950.

作者: ccet2006 发布时间: 2011-09-10

<table width="150" border="0" cellpadding="0" cellspacing="0" bgcolor="#990000" style="float:left"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> <table width="950" height="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000" style="float:left"> <tr> <td> </td> </tr> </table>
提示：您可以先修改部分代码再运行

中秋上班的孩子伤不起

作者: guangxu1202 发布时间: 2011-09-10

<div style="width:950px;position:relative;margin:0 auto;"> <table width="950" height="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000"> <tr> <td> </td> </tr> </table> <table width="150" border="0" cellpadding="0" cellspacing="0" bgcolor="#990000" style="position:absolute;left:-150px;top:0px"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> </div>
提示：您可以先修改部分代码再运行

淘宝的话，可能这个会好一点

作者: guangxu1202 发布时间: 2011-09-10

150+950=950？

作者: wwwtf92com 发布时间: 2011-09-10

谢谢你,不过你没弄明白我意思,整体宽度只能是950,黑色区域是950了,所以红色区域必须做成浮动的div使最终效果达到和你一样的.

作者: ccet2006 发布时间: 2011-09-10

和这个店铺的一样,都是只能在一个950的区域做,但是可以做出超过950的效果,因为红色区域就是一个浮动窗口,类似悬浮客服,
http://store.taobao.com/shop/vie ... 5fb87e85c38e860.htm

作者: ccet2006 发布时间: 2011-09-10

<div style="width:950px;position:relative;margin:0 auto;"> <div style="width:150px;height:150px;position:absolute;left:-150px;top:0px;background:#990000"> </div> <table width="950" height="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000"> <tr> <td> </td> </tr> </table> <div>
提示：您可以先修改部分代码再运行

是不是像这样？其实跟4楼一样的，最外边套一个div，里面相对定位的table换成了div

作者: leaves 发布时间: 2011-09-10

不是的,在淘宝里面,950的大图是单独的,然后再上面一层定义一个div,这个div就像很多店的悬浮着的旺旺客服,我这里想要的是它能定位于这个大图左侧不动,但是它和950大图不是在一个div里面.

作者: ccet2006 发布时间: 2011-09-10

其实就是做一个悬浮窗口,如果比如说大图相对于网页,始终左右居中,和顶部距离100像素,那么要做一个div始终和这个大图高度在一个位置,然后右对齐大图的左侧.

作者: ccet2006 发布时间: 2011-09-10

而且肯定需要把css单独哪出来定义这个div的.

作者: ccet2006 发布时间: 2011-09-10

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <div style="width:950px;position:relative;margin:0 auto;"> <div style="width:150px;height:150px;position:absolute;left:-150px;top:0px;background:#990000"> </div> <table width="950" height="500" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000"> <tr> <td> </td> </tr> </table> <div> </body> </html>
提示：您可以先修改部分代码再运行

作者: porttix 发布时间: 2011-09-10

求救,关于淘宝定位浮动框

热门阅读

热门下载