高分求助一个div样式，分不够再加

sunjay117 2011-08-15 02:40:39

一个table》td 里面有多个div ，div有一个left属性，left属性是相对于td的。比如 <div left:30px/>,<div left:31px/> 意思就是两个div分别相对td 有30px 和31px。大概意思就是这样吧，分不够再加

ps：自己对css 不熟悉，弄了几次发现 div 的left属性都是相对于他的前一个div 。多谢了

...全文

171 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

sunjay117 2011-08-17

打赏
举报

不好意思，今天再看帖子的时候才看到是KK3K2005
回复的解决了问题，换个贴我给你加分，另外就上次那个问题还是没有完全解决

sunjay117 2011-08-15

打赏
举报

等一下我可能还要问一点东西

sunjay117 2011-08-15

打赏
举报

呵呵，太感谢了

KK3K2005 2011-08-15

打赏
举报

<!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=utf-8" />

<title>无标题文档</title>

<style type="text/css">



.mytb {width:100%;}

.mytb td.p {position:relative;}

.mytb td.p div.c {position:absolute;}

</style>

</head>



<body>

<table class='mytb' border='1'>

    <tr>

        <td class='p'>

             可能或者也许大概不然

            <div class='c' style="left:30px;top:1px; width:200px;height:10px;border:solid 1px red"></div>

            <div class='c' style="left:31px;top:1px; width:200px;height:10px; border:solid 1px blue"></div>

        </td>

        <td> </td>

        <td> </td>

    </tr>

    <tr>

        <td> </td>

        <td> </td>

        <td> </td>

    </tr>

</table>

</body>

</html>

乌镇程序员 2011-08-15

打赏
举报

float:left;

<!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=utf-8" />

<title>无标题文档</title>

<style type="text/css">

table div { border:1px solid green; height:50px; float:left; }

table { border-collapse:collapse; }

td { border:1px solid #CCC; }

</style>

</head>



<body>

<table width="100%" border="0">

    <tr>

        <td style="width:300px;">

        	<div style="position:relative; left:30px; width:100px;"></div>

            <div style="position:relative; left:31px; width:100px;"></div>

        </td>

        <td> </td>

        <td> </td>

    </tr>

    <tr>

        <td> </td>

        <td> </td>

        <td> </td>

    </tr>

</table>

</body>

</html>

sunjay117 2011-08-15

打赏
举报

多谢 T5500
还得添加一项，要在一行显示

乌镇程序员 2011-08-15

打赏
举报

position:relative;

<!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=utf-8" />

<title>无标题文档</title>

<style type="text/css">

table div { border:1px solid green; height:50px; }

table { border-collapse:collapse; }

td { border:1px solid #CCC; }

</style>

</head>



<body>

<table width="100%" border="0">

    <tr>

        <td style="width:300px;">

        	<div style="position:relative; left:30px; width:200px;"></div>

            <div style="position:relative; left:31px; width:200px; margin-top:10px;"></div>

        </td>

        <td> </td>

        <td> </td>

    </tr>

    <tr>

        <td> </td>

        <td> </td>

        <td> </td>

    </tr>

</table>

</body>

</html>