在chrome上对table-row div的粘性支持
在Chrome浏览器上，对于table-row div元素的粘性（sticky）定位支持是通过CSS属性来实现的。粘性定位是一种特殊的定位方式，元素在滚动过程中会固定在容器的某个位置，直到滚动到指定位置后才会恢复正常的定位。
要实现对table-row div元素的粘性支持，可以使用以下CSS属性和值：
- position: sticky;
- 这是粘性定位的关键属性，将元素设置为粘性定位。
- 可以将该属性应用于table-row div元素，使其具有粘性定位效果。
- top, bottom, left, right:
- 这些属性用于指定元素相对于容器的位置。
- 可以使用top或bottom属性来指定元素距离容器顶部或底部的距离，使用left或right属性来指定元素距离容器左侧或右侧的距离。
- z-index:
- 这个属性用于指定元素的堆叠顺序，即元素在垂直方向上的显示顺序。
- 可以使用z-index属性来控制粘性元素与其他元素的叠放顺序。
使用以上属性和值，可以实现对table-row div元素的粘性支持。具体应用场景包括但不限于以下情况：
- 表格头部固定：
- 当表格内容较长时，表格头部可以使用粘性定位固定在页面顶部，方便用户查看表格列名。
- 侧边栏导航：
- 在网页中，侧边栏导航通常需要保持可见性，可以使用粘性定位使其在滚动时固定在页面某个位置。
- 悬浮工具栏：
- 在一些应用中，可能需要在页面滚动时保持工具栏的可见性，可以使用粘性定位实现悬浮工具栏效果。
对于腾讯云相关产品和产品介绍链接地址，可以参考以下内容：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云是腾讯公司推出的云计算服务平台，提供丰富的云计算产品和解决方案。
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云的云服务器产品，提供弹性计算能力，适用于各种业务场景。
- 云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云的云数据库MySQL版，提供高性能、可扩展的MySQL数据库服务。
请注意，以上仅为示例，实际使用时需要根据具体需求选择适合的腾讯云产品。
相关·内容
2回答
我正在使用引导V3。我已经看到了工作代码，它提供了解决粘性页脚问题的解决方案，但是这样就阻止了我有任何具有100%高度的div元素，这是我需要的。
有人不使用任何javascript就知道解决这个问题的方法吗？
谢谢。
浏览 0提问于2015-09-29得票数 0
回答已采纳
1回答
IE不渲染背景图像
、、、
我在网页顶部有一个横幅，使用标题元素上的背景css标记。
HTML：
<section class="page-wrapper">
<header class="block"></header>
<div class="container"></div>
<footer></footer>
</section>
CSS：
.page-wrapper > header {
background: url('/pa
浏览 3提问于2014-11-26得票数 0
回答已采纳
2回答
仅仅使用div和css就可以在构建的超文本标记语言表格上获得position: sticky效果吗？
显然，如果我尝试将position: sticky规则添加到已包含display: table-header-group规则的标头中，粘性效果将为空。
HTML
<div class="container">
<div class="header-row">
<div class="header>Header</div>
[...]
</div>
浏览 0提问于2017-06-14得票数 0
1回答
我在HTML/CSS中的另一个表中有一个表，我希望里面的表高度是周围表格单元格的100%。
类似的东西(粉红色的桌子有100%的高度)：
这在Firefox中运行得很好--但在Chrome中，我得到了以下信息：
两者的代码是：
.largeNumber {
font-size: 10.5em;
line-height: 1;
}
.table-base {
display: table;
border-collapse: collapse;
width: auto !important;
margin: 0 auto;
}
.table-row {
浏览 1提问于2022-06-16得票数 1
回答已采纳
2回答
在IE中折叠tr时表中不需要的行
、、、、
我有一个表，其中的展开/折叠javascript作用于分配给tr的类值。参见下面的html代码。这一切在Chrome中都很好用，但在IE中，当我展开然后折叠www行时，我在xxx和zzz行中得到了额外的不需要的行。这些线条看起来像是边框(请参阅css td边框样式定义)。看起来似乎折叠和隐藏行的边框仍然显示(非按钮行比按钮行稍低，显然是因为标准的按钮填充和边框宽度)。
为什么会发生这种情况，我怎样才能防止这种情况发生？
<html>
<head>
<meta http-equiv="Content-Type" conte
浏览 2提问于2012-01-14得票数 1
回答已采纳
2回答
我最近注意到，可以使用display: table-row;在元素上使用display: table-cell;，而不使用元素将其括起来
示例(在IE、Chrome、FF、Safari、Opera中工作)：
<div style="display: table;">
<div style="display: table-cell;">
Text
</div>
</div>
这被认为是不好的风格吗？表格单元格应该被表格行包围，还是没有必要？
浏览 0提问于2013-09-19得票数 33
回答已采纳
我让我的粘性页脚工作，但我希望我的测试容器从浏览器的顶部到达页脚。我该怎么做呢？除了中间那根柱子的高度，它还在工作。
HTML：
<div id="wrap">
<!--All of your content goes here-->
<div id="test">test</div>
<div class="push"></div>
</div>
<div class="pagefooter">footer</div
浏览 3提问于2013-11-22得票数 0
我有点进退两难。我可以围绕这个问题工作，但这将是一个痛苦的这样做，并仍然限制的东西，在意义上的网站布局可以工作。基本上，我一直在使用以下方法为自己提供一个粘性页脚，它实际上是高度变量：
示例：
CSS：
html, body {height:100%; width:100%; margin:0;}
.wrapper {display:table; width:100%;}
html>body .wrapper {height:100%;}
.wrapperRow {display:table-row;}
.wrapperRow.wrapperExpand {height:100%;}
浏览 2提问于2013-08-24得票数 1
我之前问了一个问题，并认为我得到了一个好的结果。这个问题的链接是。本质上，我问的是，当父DIV的内容大于浮动DIV的内容时，如何使浮动DIV扩展到其父DIV的100%。
我接受的答案(分别在parent和DIV上使用display:table和display:table-cell )在Chrome上运行良好，但我刚刚发现它在Firefox和Safari上根本不起作用。
有谁知道我能做些什么来纠正这个问题吗？
提前感谢！
浏览 1提问于2014-07-08得票数 0
1回答
放大显示: Chrome上的表格
、、、、
以这个CSS片段为例：
.table {
display:table;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
}
连同一些HTML：
<div class="table">
<div class="table-row">
<div class="table-cell">
<label>Label One</label&
浏览 4提问于2013-08-04得票数 0
回答已采纳
1回答
摘要
基金会5处理内容图像(相对于添加到div的背景图像)，以便在宽度小于图像宽度时响应。
我添加了一个具有响应高度的粘性页脚。这个添加是因为显示现在阻止了Foundation 5正确地在页面上显示页面上最大图像宽度以下的内容。
意图
修改响应页脚的CSS，使其不影响基金会5处理图像的方式。
有一个图像正在破坏我的布局，而现在文本的文本不受设备宽度的约束。问题似乎来自于将内容包装在一个div中，这个div是为了给它一个而添加的。这个类是需要修改的问题。
.container {
display: table;
height: 100%;
width: 100%;
浏览 3提问于2013-12-07得票数 0
我有一个想法，使粘性标题的桌子，我已经尝试了立场:粘性。它在Chrome上运行得很好，但在Firefox和IE上却不像我想的那样工作。下面是我的CSS
.myTable--mof thead th {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index:100;
}
浏览 0提问于2017-10-02得票数 0
回答已采纳
在一个父容器中，三个div彼此重叠。Top div是固定的高度。底部div的内容占用了未知数量的垂直空间，但需要其中的所有内容才能显示。Top div应该填充剩余的垂直空间。每个
<div id="container"> // 100% of visible window height but should not overflow
<div id="top"> // Fixed height
</div>
<div id="middle"> // Use remaining ve
浏览 0提问于2017-08-09得票数 1
1回答
跨浏览器填充导航菜单
、、、、
什么是最好的方式填写导航跨浏览器。似乎每个浏览器对Padding都有不同的定义，所以在导航方面，网站如何完全填写导航，尤其是在导航动画方面？
例如，如果我有一个容器在1000px上保存我的导航集--如何动态地填充1000 if，同时有效地在列表项之间提供空间？我创建了一个来表达我的问题。。
我的代码如下所示：
<div id="container">
<ul>
<li class="first"><a href="javascript:void(0);">Ho
浏览 0提问于2014-04-11得票数 0
回答已采纳
3回答
我的问题是下面的html
<div class="editor-container">
<div class="editor-row curFocus">
<div class="editor-label">
<label for="FirstName">First Name</label>
</div>
<div class="editor-field">
浏览 6提问于2011-07-07得票数 8
回答已采纳
4回答
我在玩，我有个问题...
* { margin: 0; }
尽管它旨在重置所有DIV边距，但这不是我想要做的。每一页上的文本都被压缩，现在没有页边距。
我已经尝试在我想要的每个元素上定义它，但都没有成功，即...
div.wrapper, div.push, div.footer { margin: 0; }
我如何绕过它，只有粘性脚注的必要元素的边距为0，而其余元素保持不变？
浏览 0提问于2013-01-05得票数 1
回答已采纳
4回答
我有一个像这样的两列布局：
<div class="row">
<div class="col-xs-8 content">
</div>
<div class="col-xs-4">
</div>
</div>
如果我将position:sticky设置为侧栏列，则得到侧栏：的粘性行为。
CSS：
.sticky {
position: sticky;
top: 10px;
}
HTML：
<div class="
浏览 3提问于2016-07-14得票数 18
回答已采纳
我目前正在尝试创建类似这样的东西：
其中，在输入的右侧有一个div(带有复选框和标签)，正确对齐并具有相同的高度(因此它看起来就像一个完整的框)。
下面是包含我的代码的JSfiddle：
目前，我还不能让它在不同的浏览器上看起来一样。在火狐中，上面的JSfiddle示例看起来很好(所有东西都是对齐的，高度也是一样的)。然而，在Chrome中，右侧的div没有正确对齐。与iOS相同
浏览 2提问于2014-11-13得票数 0
有以下测试代码。
<!DOCTYPE html>
<html style="min-width:100%;min-height:100%;height:100%;width:100%">
<body style="margin:0;min-width:100%;min-height:100%;height:100%;width:100%">
<div style="display:table;width:100%;height:100%;min-wight:100%;min-height:100%;"&g
浏览 3提问于2013-04-02得票数 4
回答已采纳
对于启用overflow:auto的嵌套flex容器中的粘性元素，我遇到了这个奇怪的问题。我期望粘性元素与第二个元素具有相同的高度，并且在滚动到阈值(top: 0)时，也会粘附在其包含元素的顶部。
请注意:这种行为在Chrome/Edge/Firefox中是很好的，但在Safari中则不是这样。
根据这一点，sticky应该在带有前缀-webkit的Safari中工作。()
在Safari有什么好的方法让这件事发生吗？
提前谢谢。
.wrapper {
height: 100px;
background-color: red;
display: flex;
}
.contai
浏览 2提问于2020-11-11得票数 0
3回答
我为个人网站创建了一个新的布局。
我使用的是Twitter引导程序3，我的初始布局是以“带粘性页脚的引导带”示例()为例的。
这是我的html：
<body>
<!-- Wrap all page content here -->
<div id="wrap">
<!-- Begin page navigation -->
<nav id="nav-container" class="navbar navbar-default container"
浏览 10提问于2014-01-09得票数 7
回答已采纳
我有一个跨浏览器HTML化妆的问题。在Firefox和Internet中，使用引导程序生成的div容器的宽度是一个小数(例如900.5)，子元素完全继承了这个宽度。在Chrome中，容器仍然有一个小数宽度(900.5)，但是子元素的宽度是整数(900)，我希望保持这样。问题是，在不对宽度进行硬编码的情况下，我该怎么做呢？
<div class="container-fluid" style="margin: 10px 0 10px 10px;">
<div class="row">
<d
浏览 2提问于2015-10-16得票数 4
回答已采纳
所以我用Css做了一个粘性的页脚。它不是我想要的那样工作。页脚坚持底部，但我也想要100%的页面高度。这不管用，我已经试过很多次了。目前，页脚挡住了容器，它们重叠在一起。如果我给容器提供margin-bottom: 70px;，当内容非常小时，它会产生额外的不需要的空间，从而产生不必要的滚动条。
下面是我的代码：
<html><head>
<style type='text/css'>
body {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
浏览 3提问于2013-01-10得票数 0
回答已采纳
我有过
<div class="outerdiv" id="navbar">
<form action="page1.html"><input type="submit" value="Page 1"></form>
<form action="page2.html"><input type="submit" value="Page 2"></form>
<
浏览 2提问于2014-03-25得票数 0
1回答
我正在尝试创建一个包含两个部分的容器--顶部将是一个滚动div，占其容器垂直高度的100%，减去一个粘性页脚的高度。粘性页脚不能有硬编码的高度(因为它将以两种不同的高度在两种模式下工作)，这正是我遇到麻烦的地方。如果可能的话，我宁愿不使用js，只使用css。
<div class="container">
<div class="scrollArea">
a<br/>b<br/>c<br/>d<br/>
a<br/>b<br/>c<
浏览 1提问于2013-10-04得票数 0
1回答
众所周知，上的脚本：粘性页脚脚本！
除非内容更长，否则粘性页脚将保持在视图端口的底部。漂亮的。
但现在，这里有一个脚本，似乎也在做同样的事情。
HTML：
<div id="container">
<div id="content">
(Paste here your content.)
</div>
<div id="push"></div>
<div id="footer">
FOOTER
浏览 3提问于2012-03-21得票数 2
回答已采纳
2回答
这件事让我很困惑。我有三列使用div和表布局，所有100%的高度。当我动态地插入包含用position: relative包装div的内容，然后将position: absolute插入其中一列时，Chrome将不会显示新内容，除非调整浏览器窗口的大小。外部包装似乎设置为0高度，直到调整大小。IE和Firefox按预期工作(内容立即显示)。
更新:我还将添加它似乎与overflow: hidden样式设置在scroll-wrapper上有关--如果删除它，它在Chrome中也能正常工作。
下面是在CodePen上运行的一个示例：
这里嵌入的完整代码(虽然在StackOverflow上运行时似乎
浏览 5提问于2015-03-12得票数 3
回答已采纳
我试图使用类名为"data“的div与父div ("strip1")高度相同，但不幸的是，它的长度要短得多。这只发生在Chrome上，而不发生在Firefox上。我该做些什么？
<div class="container">
<div class="strip1">
<div class="data">
<div class="data_element dataA">A</div>
<div class
浏览 2提问于2015-07-15得票数 1
回答已采纳
2回答
在试图理解flex的过程中，我决定建立一个网格。这是一个通用的布局图像：
我的想法是
a)侧边栏
( b)一个粘头，主要容器在其下卷曲。
( c)保存主数据的主容器
( d)根据放置在网格上的内容大小的项目
为了实现我创建的粘性标头，我执行了以下操作：
<div>
<div class="stickyHeader"></div>
<div class="contentscroll"></div>
</div>
哪里
.stickyHeader{
po
浏览 0提问于2018-03-30得票数 1
1回答
我已经创建了一个带有底部行边框的简单表。在Firefox中，它工作得很好，边框显示在整个行中，但在Chrome和IE 10中，它只显示在行的一部分：
<div style="display:table; border-collapse: collapse; width: 100%">
<div style="display:table-row; border-bottom: 1px solid black;">
<div style="display:table-cell;">a </div&g
浏览 1提问于2014-12-17得票数 0
回答已采纳
1回答
我有一些基本的CSS表格布局的问题。我的两个测试用例是Chrome和Firefox。当Chrome按预期显示页面时，Firefox的子页面(例如，“内部”) div的100%高并不会占用所有父级的高度。
我已经做了一个精简版的布局，虽然对整体问题的建议是非常受欢迎的，但我想指出的是，我不想(A)删除“内部”div，因为这是必要的，或者(B)更改任何对没有“内部”div的布局产生不利影响的表div。
html：
<div class="div">
<div class="div2">
<div class=&#
浏览 2提问于2013-12-04得票数 0
回答已采纳
1回答
我有一个粘性的标题，它需要一些z-index在页面内容的前面。 粘性标题scss为： .sticky-header {
position: sticky;
top: 0;
padding-top: $spacing;
background-color: $background-color;
z-index: 100;
} 在页面内容中，我有一个“模式视图”，其中包含一个我希望显示在整个页面上方的覆盖(modal-container)元素。模式css如下所示： .modal-container {
z-index: 3000;
position: fixed;
浏览 23提问于2021-01-15得票数 0
回答已采纳
使用Bootstrap CSS 3.3.1，我在输入中遇到了一个小问题，包括一个插件和一个帮助块。
只要看看小提琴：
在Firefox / Chrome上进行了测试。标记错误吗？我试过“输入组”.无功而返
下面是标记：
<div class="form-group">
<label for="title" class="control-label col-md-3">Titre de la page</label>
<div class="col-md-9 input-group&
浏览 0提问于2015-04-14得票数 2
回答已采纳
在Firefox 21，OS X (10.8 Mountain Lion)中，我遇到了一个以表格模式显示DIV的DIV容器的问题。
它在Chrome / Safari上运行得很好。
你可以在这里查看我的网页：查找#works-with目录及其子目录。
谢谢你的帮忙!
浏览 0提问于2013-06-07得票数 0
回答已采纳
我正在使用stickybits()在滚动时粘贴我的sidebar_content div(内联块)。在滚动图上，我的main_content div(也是一个内联块)落后于sidebar_content，这在IE中是唯一的情况。它在Chrome、Firefox、Microsoft和Safari上运行得非常好。根据文件，
因为Stickybits是最小的，所以当位置:粘滞不受支持时，Stickybits将使用position: fixed，这是相对于浏览器窗口。如果StickyBits父元素具有浏览器可识别的高度，Stickybits将处理粘性顶部和粘性底部调用。如果浏览器无法识别父级的高度，
浏览 0提问于2019-12-23得票数 1
回答已采纳
2回答
我写这个问题是为了整合这个网站上的多个类似的问题，并最终得到一个正确的是或否的答案。现有的几个答案被错误地标记为正确，而实际上，它们不能正常工作。
已经读过了相关的问题。
给定以下标记：
<div class="equal-height">
<div class="col-50">
<div class="cell-fill">
...
</div>
</div>
浏览 7提问于2015-03-12得票数 4
1回答
我正在建立一个新的网站，但我有问题的一个simpel任务-创建一个粘性导航。
它在Safari和Chrome上工作得很好，在移动浏览器上也是如此，但在firefox中就不行了。
有没有人对可能出了什么问题有一些身份证明？
PS。先试试Safari的网站。当你向下滚动时，Nav就会出现。
浏览 1提问于2013-11-07得票数 0
回答已采纳
我在一个容器中有两个div，div &我试图在容器的中间(垂直和水平)定位一个子div，在容器的左上/右下定位另一个。
两个子div都只包含文本。我尝试了一些东西，并且能够单独应用这两种样式，也就是说，如果两个div中只有一个在那里，它就会按要求工作。我不知道如何使这两种样式同时应用。我试着摆弄头寸和z指数，但由于CSS知识有限，我一直未能取得突破。
更新：我希望文本以w.r.t居中，以外部容器为中心。
HTML
Top left works
<div class="container">
<div class="topLeft"
浏览 2提问于2013-02-27得票数 0
回答已采纳
我的Angular应用程序中有两个粘性元素，一个是header，另一个是DIV。 我使用的是bootstrap，因此粘滞类具有以下css属性： .sticky {
position: sticky;
z-index: 3;
top: 0;
} 问题是只有粘性的div实际上被粘住了，而头部却没有粘性。 我的头看起来像这样： <header class="section-header bg-white sticky">
<ngb-progressbar *ngIf="isLoading" class="inde
浏览 26提问于2020-10-02得票数 0
我希望一个高度的子元素:100%；容器应用高度:100%；。当存在一个doctype时，这似乎失败了。
如果使用最小高度:100%；对于父元素，子元素不应用高度:100%；。
如果您使用高度:100%；子元素会被拉伸，但会溢出父元素。如果你试着用高度:100%；在父母身上，保持最小高度:100%；在孩子身上，孩子不再伸展。
这里有一个小样本：
<!DOCTYPE html>
<html>
<head>
<title>Oh Well</title>
<style>
html, body {
width: 100%;
浏览 2提问于2014-03-30得票数 3
2回答
喂，伙计们，这已经困扰我好几个小时了。
我使用布局来获得满高度的容器和粘性的脚。不幸的是，我只想要一个边框的内容，但它不是扩展到页脚。我可以尝试给包装div的边框，但，我不希望标题有边框，我唯一能想到的是给标题的边框颜色的背景，但我不想这样做。
你还有别的办法可以做到吗？
<body>
<div class="wrap">
<header>
<img src="http://placedog.com/400/50" />
</heade
浏览 1提问于2014-02-09得票数 0
我在为下面的问题挠头。
我有个挠痒痒的。如果它是勾选的，我会显示一个文本区域，下面的Javascript删除样式。在每次页面加载时，textarea都会隐藏在textarea标记之间的数据中。当用户点击它时，它应该会出现，但它不会出现！当我用Firebug或Chrome检查它时，我会看到它应该在的数据。在Firebug中，如果我在运行中添加class="“，它就会出现，但是当我脱机添加它时，它就不会出现在页面加载中。
抱歉，这个页面有点神秘，它是一个更大的嵌入式网页的一部分，在互联网上是不可用的。
你有什么想法吗？
HTML代码：
<tr id="my_tr" s
浏览 1提问于2011-12-07得票数 0
我试图使用display表-cell属性创建一个100%高度的两列布局。它在Chrome上运行得很好，但是我在Firefox和IE上没有成功。
这是小提琴：
看看它是如何在Chrome上工作的。知道该怎么做吗？
<div id="table">
<div id="row">
<div id="cell_1">
<div id="overflown_div">
long content goes here.
浏览 2提问于2015-02-12得票数 4
回答已采纳
2回答
我有一个包含一些数据的表，我希望标题是粘性的。
这张桌子是这样的：
<div class='table' id='table'>
<div class='header row'> <!-- remove row class, it works, but is ugly -->
<div class='cell'>Col A</div><div class='cell'>Col B</div>
</div>
浏览 1提问于2019-03-23得票数 4
回答已采纳
1回答
我试图定位一个粘性页脚在它的位置，但我的全屏背景幻灯片以某种方式移动它的内容。我正在遵循本网站的响应性粘性页脚教程，其中页面内容被设置为display:table，而页脚被设置为display:table-row。在我把幻灯片介绍给图片之前，这是很好的工作。一旦我移除幻灯片，粘性页脚就能工作了！有没有办法解决这个问题，把粘脚放在底部？你可以在这里看到这个问题，。
我的CSS和HTML是
<!DOCTYPE html>
<html>
<head>
<title> HTML Structure</title>
浏览 2提问于2015-10-01得票数 1
回答已采纳
我使用Material UI的<Appbar />组件，这将编译成一个包含position: fixed；的div。这里的“滚动隐藏”效果使用visibility: hidden;和transform: translateY(-59px);来隐藏条形图。
现在，我想在这个<Appbar />组件下添加一个粘性div，但实际情况是粘性div不受DOM流中的<Appbar />的影响。因此，本质上，它只是向上滚动到顶部(在索引之下或之上，取决于z- <Appbar /> )，然后像它应该的那样滚动。
我知道position: fixed;删除了文档中
浏览 3提问于2020-12-28得票数 0
有人能帮帮我吗：
我尝试隐藏并显示包含两个单元格的行。内容在第二个单元格中。它在IE中工作得很好，但在FF和Chrome中，似乎所有的内容都尽量放在第一个单元格的空间中。下面是我的代码：
<table border="0" cellpadding="0" cellspacing="0" width="700">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td wi
浏览 0提问于2014-09-11得票数 1
我正在尝试使用flexbox修改我在移动设备上的布局，但遇到了一个问题。我希望中间的盒子(2)在移动设备上以100%的宽度呈现在它自己的线条上。我使用order: 1将框移动到最后，但现在我不知道如何以全宽显示框。
.left, .middle, .right {
background-color: rgba(84, 97, 156, 0.2);
height: 100px;
padding: 20px;
margin: 5px;
border-radius: 4px;
color: rgb(84, 97, 156);
}
.right {
text
浏览 9提问于2020-02-24得票数 1
回答已采纳
给定以下代码
<div style="border:solid 5px orange;width:400px;height:400px">
<div style="display:table;border:solid 1px red;width:100%;height:100%">
<div style="display:table-row;border:solid 1px blue">
<div style="display:table-cell;border:solid
浏览 2提问于2014-03-09得票数 1
我正在做一个模板，我知道使用CSS比使用HTML表格进行定位更好……但是，两全其美，在div上使用表格样式，这是可以接受的吗？例如：
display: table;
这不仅可以帮助我解决粘性页脚问题，而且我还可以避免与浮动相关的痛苦。不确定这是否会被认为是一个丑陋的黑客或雄辩的解决方案。有什么想法？
浏览 0提问于2012-11-16得票数 1
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
