html day8 第9课

1.父元素在没有获得高度的情况下，希望子元素把它撑大;但子元素又希望获得父元素的宽度，矛盾了

解决方法：加定位，左边的盒子必须定位position，height：100%才能获得包含块的高度

2.

鼠标滑动时，水平向下移动100px，垂直向下100px；

3.

上下左右向中间缩小（大于1放大，小于1缩小）

4.自适应高度

padding和margin不能使变宽高的的内容永远垂直居中。

5.

 

6.画大于号的方法：

7.<fieldset>
    <legend>我是legend</legend>
    <caption>我是标题</caption>
    </fieldset>

8.<button type="submit">我是提交按钮</button>
        <button type="reset">我是chongzhi</button>
        <button type="button">我是btn按钮</button>

9.<select name=""> 
            <optgroup label="黑龙江"> 
                <option value="haerbin">哈尔滨</option> 
                <option value="mudanjiang">牡丹江</option> 
            </optgroup>   
            <optgroup label="北京"> 
                <option value="3">昌平</option> 
                <option value="4">海淀</option> 
            </optgroup> 
        </select>

这里已经有宽度30%

当浏览器是双内核时，上面这一句就可以实现兼容性

在高版本浏览器中，在块状元素没有设置高时，嵌套img图片，会撑大3-4px；在低版本浏览器中，在块状元素设置了高度时，嵌套img会出现撑大

或

 

只会在ie6出现

box-sinzing 的padding设置后在overflow时0会出现问题：内容会铺盖padding，overflow只会隐藏盒子之外的

出现这种问题，就不要用box-sizing，ul外再嵌套一个div，宽度正好的

移动自身高度的一半transform:translateY()