当前位置: 首页 > 面试题库 >

如何将div放置在其容器的底部?

唐渊
2023-03-14
问题内容

鉴于以下HTML:

<div id="container">

  <!-- Other elements here -->

  <div id="copyright">

    Copyright Foo web designs

  </div>

</div>

我想#copyright坚持到底#container

不使用绝对定位就可以实现吗?如果float属性支持’bottom’的值,那似乎可以解决问题,但是不幸的是,事实并非如此。


问题答案:

可能不会。

分配position:relative#container,然后分配position:absolute; bottom:0;#copyright

#container {

    position: relative;

}

#copyright {

    position: absolute;

    bottom: 0;

}


<div id="container">

  <!-- Other elements here -->

  <div id="copyright">

    Copyright Foo web designs

  </div>

</div>


 类似资料:
  • 我正在设计的网页布局像这样:http://jsfiddle.net/5sTub/ 编辑:注意:我并不是想要一个黏糊糊的页脚。我只想把它放在页面底部。回答之前请先看小提琴 我试图定位在页面底部的页脚,但无法像你在上面的链接中看到的那样。我尝试了在互联网上找到的一切,包括设置容器元素的位置:相对;页脚的

  • 问题内容: 我希望一个html图像与div标签的底部齐平。我似乎找不到解决此问题的方法。 这是我的HTML: 问题是div嵌套在具有填充或边距的其他div中。 问题答案: 在包装的div标签上添加相对位置,然后将图像绝对定位在其中,如下所示: CSS: HTML: 现在,图像位于div的底部。

  • 问题内容: 我多次使用float:right(或left)将图像和插入框浮动在容器的顶部。最近,我遇到了一个需要使div在另一个div的右下角浮动的问题,该浮动与您使用float获得的普通文本换行(仅在上方和左侧换行的文本)相同。 我认为即使float没有底值,这也必须相对容易,但是我无法使用多种技术来做到这一点,并且在Web上搜索除了使用绝对定位外别无其他选择,但这并没有给出正确的自动换行行为。

  • 问题内容: 我彼此相邻有4个DIV,它们都位于屏幕中间。每个div中有2个字,但我不希望它们位于顶部,我希望它们出现在div的右下角。我怎样才能做到这一点? 问题答案: 将文字换成或类似文字,然后使用以下CSS …

  • 问题内容: 说我有以下CSS和HTML代码: 标头部分的高度固定,但是标头内容可能会更改。 我希望标题的内容与标题部分的底部垂直对齐,因此文本的最后一行“粘贴”到标题部分的底部。 因此,如果只有一行文本,则将是: 如果有三行: 如何在CSS中完成此操作? 问题答案: 相对+绝对定位是您最好的选择: 但是您可能会遇到问题。当我尝试它时,在内容下方显示下拉菜单时出现问题。只是不漂亮。 坦白地说,对于垂

  • 在 一到三个 。有没有办法在后始终将单元格放置在屏幕底部?