php – 在网格上的随机位置设置div

发布时间：2020-12-13 17:06:49 所属栏目：PHP教程来源：网络整理

导读：我试图制作一个占据浏览器窗口宽度100％的网格,首先我不知道如何去做这个网格,其次我想要一个div在该网格中有一个随机位置,但是只有在没有被占用的情况下才填补该位置. 我想我的问题是,如何进行,如果可能的话. 我猜我需要一个数据库来记录所有位置？ ps：当

我试图制作一个占据浏览器窗口宽度100％的网格,首先我不知道如何去做这个网格,其次我想要一个div在该网格中有一个随机位置,但是只有在没有被占用的情况下才填补该位置.

我想我的问题是,如何进行,如果可能的话.

我猜我需要一个数据库来记录所有位置？

ps：当我说网格时我不是指960网格或其中任何一个框架网格我只是想要一个简单的方格

虽然我正在寻找15px乘15px的每个正方形,而’边界’只有1px

谢谢你的帮助.

编辑：所有的答案都很棒,一切都是可以接受的我选择了我的答案,因为它是最适合我想做的和我使用的那个,我不是说其他??的不起作用因为他们工作得很好我最初的要求是流体网格,但后来改变了,这使得我选择的答案更容易整合到我的项目中.
谢谢你们每一个人的帮助！

您可以使用CSS设置< div>的位置：

#div1 { 
    position: absolute;
    left: 100px;
    top: 100px; 
    width: 15px;
    height: 15px; 
}

应该管用.然后,通过他们的左/上(存储那些地方)知道每个div的坐标以及它们有多大,你可以在放置一个带有一些简单数学的新碰撞时检查“碰撞”.

例如,要检查单个div是否与现有的div发生碰撞,您可以检查New的任何角是否在Existing的正方形内,例如：

>如果LeftNew> = LeftExisting AND LeftNew< =(LeftExisting WidthExisting)然后碰撞>如果TopNew> = TopExisting AND TopNew< =(TopExisting HeightExisting)然后碰撞

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!