david___的博客

常用的三栏布局中，用的较多的浮动布局，会因为div块的先后顺序而产生不同的效果。这种情况下，一般左右两栏div需要在中间栏之前。这样，才能让左右两个边栏浮动到它们应该的位置上，以此来使得中栏能够进入中间的空间，并自适应布局。若是浏览器在一个或者两个边栏div之前发现中栏，那么中栏会先占据一侧或者两侧位置，这样浮动的部分就会跑到中栏的下面。如下：上理前

面试看到的一个问题，之前看过一个问题，是让左边固定，右边自适应，代码如下：他的思路是先让右边宽度为父级元素的100%，然后右边里边再写一个div，margin-left为左边元素的宽度。左边的元素自己想的办法是用弹性盒子flex： Document #out{ display: -webkit-flex; display: -moz-fl

想要不定宽度的ul居中，因为li的数量不确定。很简单，不要对li设置float：left，而是用display：inline，然后text-align：center就可以了

由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS

原文地址： https://my.oschina.net/huskydog/blog/749629在我初学css的时候，关于css盒模型的外边距合并问题，迷惑了我很久。在写demo的时候，我只是尽量避免两个div外边距合并，怕出现各种各样匪夷所思的bug。       工作不久，经过几个项目的洗礼，这个以前让我迷惑的问题，终于有了深刻的理解。        我对其总结如下：    

在设置DIV高度的时候，会用到一个height:100%的大小，来让div撑满浏览器高度。但是我们会发现，直接在div中写上“style:"height:100%;"”是无效的。那么如何才能让div的css height:100%生效呢？解决办法很简单……div{ height: 100%; width: 100%;}这样是没用的，因为body和html都没有高度，如果没有

今天把自己的博客push到Github的时候遇到了问题，To git@github.com:yaoxiaobei/webPage.git ! [rejected] master -> master (non-fast-forward)error: failed to push some refs to 'git@github.com:yaoxiaobei/webPage.gi

让div的高度根据内容自适应height:auto !important;height:200px; /*假定最低高度是200px*/min-height:200px;