相关疑难解决方法(0)
如何创建宽度和高度均为100%的Google图表？
如何创建宽度和高度均为100%的Google图表？
我试过使用明显width: 100%的例子,但这不起作用.
推荐指数
解决办法
查看次数
如何使div相对于父母100%的身高？
我坚持用下面的东西.我需要制作右上角div 100%的高度(它的bgcolor将覆盖主div的全高).
<body>
<div id="main" style="width: 800px; margin: auto; text-align: left; border: 1px solid #628221; padding: 2px; background-color: #fff;">
<div id="left" style="float: left; width: 600px; background-color: #A7C864;">
<div id="left-top">left-top</div>
<div id="left-bottom">left-bottom</div>
</div>
<div id="right" style="float: right; width: 200px; background-color: #C7E48E;">
<div id="right-top">right-top</div>
</div>
<div style="clear: both;"></div>
</div>
</body>
这里的工作示例:http: //marioosh.net/lay1.html
使用表格很简单:http: //marioosh.net/lay2.html
推荐指数
解决办法
查看次数
DIV - 强制高度100%=/=页面高度？
我正在尝试设置一个设计,这是一个很大的问题.这是一个参考网站;
http://throwbackhero.com/index1.php
问题是我将身体设置为高度:100%; 在样式表和#wrapper div中也是如此.高度偏离当前页面高度,并没有考虑到其他div可能导致溢出.
我想,即使浏览器的垂直大小发生变化,空白页面也是浏览器的大小,内容/包装器div将缩小以适应.
可以这样做吗？
编辑
好的,我原来的问题非常混乱.这是一张照片;
所以,在图1(左)是问题.高度100%; 在包装器和内容div上,它正在创造那个坏孩子.我希望它看起来像图片,白色/灰色区域根据浏览器的大小增长/缩小...
推荐指数
解决办法
查看次数
为什么svg元素不尊重CSS的“底部”，“顶部”，“左侧”，“右侧”属性？
我有时觉得方便给一个元素的大小的方面bottom，top，left和right性能，而不是使用width和height。例如，这是此处接受的答案：
但是，由于某种原因，这不适用于svg元素。我已经使用最新的稳定版Firefox和Chrome尝试了以下示例。该svg元素莫名其妙地要采取的大小300x150：
为什么？
推荐指数
解决办法
查看次数
CSS使100vh的填充工作准确无误
我正在使用css类将高度设置为使用的完整视口高度
.fullheight { min-height: 100vh }
但是，页面顶部有一个导航栏，我想使用填充来为其保留空间
.padding { padding-top: 55px }
现在，我将div的格式设置为：
<div class="fullheight padding"> </div>
填充效果很好，但div的高度现在当然比我的视口大55px。由于我使用了不同的填充（取决于导航栏的形状），因此我正在寻找一种解决方案，将div的总高度保持在100vh，而与使用其他类添加的填充无关。可能？
推荐指数
解决办法
查看次数
具有最小高度的等高流体柱
我正在尝试制作两个栏目 - 侧栏和内容.
- 每列的最小高度应为视口的高度.
- 我不知道哪一列会更高
- 左列宽度应为25%,或者至少可以通过媒体查询进行更改.
(黑色边框是浏览器视口)
我不能使用人造柱,因为我需要柱子的颜色是动态的.我无法使用javascript解决方案来设置高度,因为未知大小的图像可能会出现在其中一列中.
有谁知道怎么做？这件事让我抓狂
推荐指数
解决办法
查看次数
引导全高度与粘性页脚
当内容不够时,我遇到一个小问题,试图覆盖浏览器窗口的整个高度.我在Orchard CMS中使用bootstrap,这有任何相关性.
问题可以在这里看到
页面结构非常基本:
<body style="background-color: #b0a2b0;">
<div id="layout-wrapper" style="margin: 0px auto -75px; padding: 0px 0px 75px;">
<div class="container">
.... stuff ...
</div>
<div class="container">
... other stuff
</div>
</div>
<div id="footer" style="height: 75px;">
<div class="container">
</div>
</div>
</body>
html,body并且#layout-wrapper所有都有高度设置为100%.直到现在我的聪明想法是添加一个额外的容器并相应地调整它的大小.问题是我需要在窗口调整大小时注意,并且如果页面上有东西隐藏或显示(因为这会改变可用高度).
我已经尝试将这个填充div设置为height: 100%但它似乎从页脚开始拍摄,结束时间基本上比页面长,并向下滚动最终向上拖动页脚.
作为最终结果我喜欢的是一个粘贴到底部的页脚,即使有大小调整或显示/隐藏的页面,页面也是全长的.
有任何想法吗？
推荐指数
解决办法
查看次数