liquid-layout

2热度

3回答

如何在CSS中创建一个具有统一大小和边距的元素的液体网格？我的主要问题是利润率。我觉得显而易见的解决方案是将宽度和边距设置为一个百分比并完成。这不起作用，因为垂直边距是容器宽度的百分比。当容器水平调整大小时，垂直间距关闭。我试过两种方法。一个与percentage margins和one with 'em' margins。它们都不能正确缩放。我能做什么？

0热度

4回答

CSS一格与浮动div旁边的液体宽度可能存在也可能不存在

我已经阅读这question但我无法让我的头工作的解决方案，符合我的需要，因为我的情况有点不同并且因为我不擅长CSS。我所拥有的是一个包含其他三个的div一个div：左侧 DIV2 DIV1中心 DIV3右侧的问题是，DIV2可能或者可能不存在。这是我目前有：但是这就是我想要的：这里是我的Fiddle 任何想法？谢谢！

1热度

1回答

液体HTML - 尺寸问题

为什么红色盒子与绿色盒子的尺寸不一样？（我必须拥有绝对位置，因为我覆盖了两张图像）我在做什么错？ <div style="position: relative; float: left; width: 300px; background: red; border: 10px solid red"> <div id="holder" style="position: relative;

1热度

1回答

尾音滑块2.0有百分比响应的宽度

我已经使用Nail Doherty的尾声滑块几年了，并想知道是否有人知道一种方法使其响应，以便它使用容器的宽度不是px。据我所知，它需要一个固定的宽度在CSS来计算面板的js的宽度，使滑块正常工作/显示，但想知道是否有修复，使其液体。我可以使用媒体屏幕查询来重新调整某些屏幕分辨率的大小，但如果可能的话，是在回答流畅的问题之后。

1热度

3回答

我可以使用不带框架的html页面显示html页面吗？

我是新来的HTML，CSS和JavaScript。我记得当我用html搞砸时，能够在10年前的框架中做到这一点。我想在我的左边列出一张目录，我的内容在右边。我有五个我想用作内容的html页面。如果我有一页在所有页面上具有相同的导航和标题，并且内容区域中没有框架的五个内容页面，我可以做到这一点吗？我使用这个html/css作为基础：liquid two column page。我将对其进行修改以使左

0热度

1回答

IE中固定和液体元素之间的额外空间

我正在设置一个非常简单的固定液体布局。标题设置为100％，侧边栏设置为固定宽度并浮动到左侧，内容区域的宽度未定义（以便填充剩余空间）。它适用于除IE之外的所有浏览器，其中在边栏和内容区域之间添加大约3个像素的空白区域。我不能在JSFiddle中重现问题（即使我复制并粘贴我的确切代码），所以我已经附加了图像。第一张图片在Chrome中渲染，第二张在IE9中渲染。 CSS（styles.css的）

0热度

1回答

任何一方都有液体图像的单列布局

我想要做的是制作一个700像素的列，其左侧有一张图像，宽度为20％，图像的右侧宽度为占据了右侧的其余部分。基本上从左到右会有20％宽的图像，然后是700px宽的列与网站的内容，然后在右侧的图像占用页面的其余宽度。我一直在努力如何做到这一点，我觉得我太复杂了。

1热度

2回答

使用液体布局中的Less.js计算div的高度

我有一个液体布局，并正在学习/使用Less.js为我的CSS。我有一个div'A'，需要考虑用户视框，减去另一个div'B'的高度（以％计），最后是另一个div'C'，它是像素的。以下是我认为会工作，但不会： @menubarsHeight: 7%; // declaring variable with div 'B' 's height. @ttlHeight: '$(window).he

0热度

1回答

与在Firefox

计算器流体布局的问题，帮助学到很多很酷的东西，但不幸的是我坚持的东西，不知道如何研究我的出路吧....所以在这里不用浮动问题，我希望有一个简单的答案。我已经制定了一个网站，该网站的伟大工程，就是我想要的，它采用了一种名为LemmonSlider.js伟大的插件，我已经成功地使其全部呈液态布局...差不多！的问题是，它完美的Safari浏览器，iOS和Chrome，但在我测试的Firefox

2热度

2回答

HTML流体列：webkit/opera中的25％+ 25％+ 25％+ 25％！= 100％

我试图构建一个多列布局，它是自适应的（流体，弹性，无论您想要cll它）并且已经构建了一个测试文档来尝试这个想法。我做了一些计算，以提出数字，允许x列正好适合在一个页面中并排放置。 2很容易（50％），4（25％）和10（10％）。如果考虑一个保证金留下一个阴沟并减去那个，那么你就可以得到你需要的百分比列宽。一切似乎都进展顺利，我构建了CSS和HTML（见下文）并在Firefox中试用了它，并且