liquid-layout

    2热度

    3回答

    在this question,它在最upvoted回答说: 使用流式布局 为什么这被认为是一个很好的做法?我的意见是,设计一个液体布局比较困难,因为它从一个窗口大小到另一个窗口大小可能会有很大差异......额外的复杂性值得吗?我应该考虑做出选择?

    0热度

    1回答

    我想使用标题(取所有可用的宽度和130px高度),2列(1:300px宽度所有可能的高度,2:所有可用的宽度后列2在它们之间取得了300px和15-20px的余量)。 大气压我有这样的: HTML: <div class="wrapper"> <div class="header"> <!-- .... --> </div> <div class="con

    1热度

    3回答

    问: 我有一个导航菜单,我注意到,每一次我改变浏览器缩放。它的位置发生了变化,以便将菜单固定在其位置上。 名为.css: ul#topnav { margin-left:0; margin-bottom:50px; margin-top:5px; padding: 0; float: right; width: 800px;

    0热度

    2回答

    我想知道是否有办法将静态页面转换为手机页面。通过移动页面,我的意思是可以将桌面内容拖到较小的窗口大小(例如,智能手机大小:320px)。使内容遵循窗口的大小?我如何需要改变CSS?我该如何计算数学?谢谢......我想有必要有框架或工具来实现这一点吗? 请一些指导和想法将超过欢迎。 检查我的这种静态example 感谢年的时间! Y/

    0热度

    1回答

    这就是我所拥有的,我已经离开了div和一个正确的div。左边的div是一个固定的宽度,并向左浮动。右边的div是一个“display:block”,使其成为全宽,左边有一个边距来补偿左边的div。这两个盒子都有固定的高度,需要滚动(里面的内容)。我成功地向左侧div添加了溢出-y。但是,当我将overflow-y:auto添加到右侧div时,div不再跨越整个div。 增加溢出前: http://

    0热度

    2回答

    你可以看到我的网站http://www.taramenconi.byethost11.com/。我将它设计为1024 x 768.我还注意到,在某些屏幕上,它看起来广泛延伸...我故意创建背景以填充较大的浏览器,但我希望内容区域保持相同的大小。我该如何解决这个问题? 这里是我的CSS: @font-face { font-family: 'MonaKoRegular'; src: url('m

    1热度

    1回答

    我正在尝试用CSS来显示以标题叠加图层为中心的图像,并且在浏览器窗口太小(缩小到适合)时显示液体功能。 我目前最好的尝试看起来像下面的HTML(使用谷歌的标志作为样本图像) <div align="center"> <div class="container"> <img src="http://www.google.fr/images/logos/ps_logo2.png"

    14热度

    2回答

    我试图创建我的第一个Jekyll网站,并且遇到了设计i18n部分的问题。 不同的文章将被完全重写为每种语言,所以每一个将是一个不同的职位,这里没有问题。实际上我的layout/includes中的文字有更多的困难。 通常情况下,菜单,我在想沿着这些线路做的事情: {% capture menu_location %}menu.{{ lang }}.html{% endcapture %} {%

    0热度

    3回答

    考虑到以下HTML/CSS,实现垂直“液体”DIV(#ribbon1和#ribbon2)的最简单方法是什么?随着#content DIV的内容增长? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="h

    0热度

    1回答

    因此,我正在使用的这个Web应用程序有三个垂直列扩展为整个窗口高度,并且页脚div扩展为整个宽度。布局看起来像这样: +|+ --- 其中+装置的液柱,|意味着一个固定柱,并-页脚。 我已经完成了使用绝对和相对定位以及使用jQuery进行一些调整的元素定位。但是我想知道是否有只用CSS3做这个的方法。 谢谢!