怎樣使一個層水平居中於瀏覽器中
<style type="text/css">
<!--
div {
position:absolute;
left:50%;
margin:0 0 0 -100px;
width:200px;
height:200px;
border:1px solid red;
}
-->
</style>
<div>web標準常見問題大全</div>
這裏咱們使用百分比絕對定位，與外補丁負值的方法，負值的大小爲其自身寬度高度除以二
另一個我如今經常使用的方法，就是在最外層div在外面再加上一層div，這層div只能有一個屬性align=」center」，不能有別的屬性。這樣就是保持內容居中顯示了。
ff下爲何父容器的高度不能自適應
一個很是常見的CSS問題，定位使用浮動的時候，下面的層被浮動的層所覆蓋，或者層裏嵌套的子層超出了外層的範圍。
一般的解決辦法是在浮動層後面添加一個額外元素，例如一個div或者一個br，而且定義它的樣式爲clear:both。
一、
第一種方法（clear:both
）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
div {width:200px;border:1px solid red}
p {float:left;width:100px;}
-->
</style>
<div><p>web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全</p>
/*在此處加上*/<div style="clear:both"></div>/*清除掉這個p的浮動*/
</div>
二、
文章《How To Clear Floats Without Structural Markup
》的解決方法
按文章稱第一種方法在某些時候可能會有問題，不過覺得是英文的，我沒有讀完。只尋求了他的解決方法。
<style>
.floatholder {
border: 4px solid #000;margin: 10px 0 0;background: #dc8;font-size: 1.2em;}
.floatbox {
float: left;width: 20%;background: #773;border: 3px solid #f55;color: #ffd;}
.clearfix:after {
content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {
display: inline-block;}
</style>
<div class="floatholder">
<div class="floatbox">
<p>This float is not enclosed by the surrounding div container. </p>
</div>
<p>This container lacks the fix.</p>
</div>
<div style="height: 20px; clear: both;"></div> <!—此行僅僅做爲空行 -->
<div class="clearfix floatholder">
<!-- "clearfix" 必須做爲第一個屬性 -->
<div class="floatbox">
<p>See how this float no longer protrudes out of the containing box, with no extra clearing element used in the container!
</p>
</div>
<p>This float container has a class attribute of "clearfix", which applies the :after fix, or the Holly hack, depending on the browser.</p>
</div>
背景色自動填充（clear:both的擴展應用）
這個其實也是高度自適應的一個問題，在td裏面，這個功能太簡單了，以致於不用考慮，可是當忽然轉到div後，這個功能彷佛變的很難實現。
可是，從上面的「解決父容器高度自適應」的第一種方法能夠想到，若是在父容器設置背景色，而且在不須要背景色的div，設置白色，這樣，是否是就實現了呢？
舉個例子來講明：
父容器包含兩部分，左邊A和右邊B，如今要在A設置背景色「藍色」，B保持底色（白色），而且B的內容是變化的，即，A必需要保持跟B的高度同樣，才能自動填充背景色。
因而，按照上面的解決方法，在父容器設置「藍色」，B居右，設置白色，A居左，不設置顏色，這樣就可讓A看起來是自動填充的了。
