轩枫阁

首页 / Web前端 / HTML (第6页)

CSS布局——左定宽度右自适应宽度并且等高布局

前言

来自妙味课堂一个有关于CSS布局的面试题,需要解决,花了点时间写了几个DEMO,放上来与大家分享受。那么我们在看DEMO之前一起先来看看这个面试题的具体要求吧:

  1. 左侧固定宽,右侧自适应屏幕宽;
  2. 左右两列,等高布局;
  3. 左右两列要求有最小高度,例如:200px;(当内容超出200时,会自动以等高的方式增高)
  4. 要求不用JS或CSS行为实现;

查看全文

2013/02 19  周二

DIV自适应高度解决方法

前言

网页布局中,有时会出现页头及页脚固定高度,中间内容部分自适应高度,这需要怎么实现呢?

Demo

sdfgrger

 

地址

http://xuanfengge.com/demo/201407/resize/

代码

2013/01 03  周四

HTML、CSS、JS、PHP中的注释

HTML:<!–这是一段注释。注释不会在浏览器中显示。–>

CSS: /*declarations*/

Javascript、PHP:单行: // 多行:/* */

其中在CSS(style)或者javascript(script)代码中加入HTML注释<!– –>是为了防止低版本的浏览器不支持style和script代码,而显示在页面当中。

这是为了兼容老版本的浏览器。老的浏览器不支持style,所以遇到style时,会把style样式单的内容显示在页面上。但是老版本的浏览器认识html的注释标记,所以加上标记后,这部分内容就会被当作注释忽略掉,样式单也就不会在页面上显示了。

而支持style的浏览器,则会忽视<!–标记,从而正常使用样式单。

2013/01 01  周二

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子