1樓：始桂枝閔嬋
現在瀏覽器對於邊框的處理方式都是一樣的，都是在原有寬度的基礎上再加上邊框的寬度。一般來說，比較好的作法是div在設定寬度的時候減去border的寬度。當然這樣可能之前預設的整數寬度，例如200px，就會變成乙個類似於198px的數值，在觀感上讓人略有不爽。
所以對於ie8及以上版本的瀏覽器，可以使用box-sizing這個css3的樣式，設定屬性值為border-box，這樣就可以讓div的寬度等於內容+padding+border的寬度。具體的定義方法可以是下面這樣：
.box
這樣div的寬度就不會受到border、padding這些樣式的影響了~~不過ie6和7是不支援這個屬性的，使用的時候要留意~~
再補充一下，如果是希望寬度等於內容+padding+border的話，就可以這樣定義：box-sizing:content-box;
2樓：康老師**讀法
border： 1px solid #ffffff;這個是定義乙個邊框，它本身不存在內外邊框之分，是有內外邊距；
padding： 1px;設定內容到內邊距的距離為乙個畫素，相反的margin：1px;設定的是外邊距；
如果想讓這個方框外面加乙個框，那就重新加乙個div；
3樓：不倒的牆頭草
第乙個問題樓上正解,1後面沒加單位px.
第二個問題沒有辦法,因為firefox 瀏覽器解釋的時候自作聰明的想把**弄出個立體效果,所以在左邊和上邊的邊框上加了投影,讓人感覺是黑色的.
你可以在**上加樣式,如:
就可以了
4樓：匿名使用者
我只能大概知道第乙個問題。可能 border:1 solid #ff0000;1後面要寫象素 1px solid #ff0000;試一下
第2種 沒出現過
怎樣解決div+css在不同瀏覽器中的顯示情況
5樓：匿名使用者
這是在 firefox 或者 opera 下面的效果這是在 ie 6 下面的效果
這是在 ie 7 下面的效果
以下為簡單區分ff/ie6/ie7示例
這行文字在ff下應為紅色，在ie6下應為藍色，在ie7下應為綠色。
網頁中給div加邊框,在頁面中為什麼不顯示
6樓：匿名使用者
1 div 一般要有寬才會顯示邊框的
2 div 邊框 #box
3 div行元素的話,要先加divplay:block;
比如:#box span
7樓：不朽樂章
可定義文件中的分割槽或節，可以把文件分割為獨立的、不同的部分。它可以用作嚴格的組織工具，並且不使用任何格式與其關聯。是乙個塊級元素。
這意味著它的內容自動地開始乙個新行。實際上，換行是 固有的唯一格式表現。可以通過 的 class 或 id 應用額外的樣式。
css（層疊樣式表）級聯樣式表是一種用來表現html（標準通用標記語言的乙個應用）或xml（標準通用標記語言的乙個子集）等檔案樣式的計算機語言。可定義文件中的分割槽或節，可以把文件分割為獨立的、不同的部分。它可以用作嚴格的組織工具，並且不使用任何格式與其關聯。
是乙個塊級元素。這意味著它的內容自動地開始乙個新行。實際上，換行是 固有的唯一格式表現。
可以通過 的 class 或 id 應用額外的樣式。css（層疊樣式表）級聯樣式表是一種用來表現html（標準通用標記語言的乙個應用）或xml（標準通用標記語言的乙個子集）等檔案樣式的計算機語言。可定義文件中的分割槽或節，可以把文件分割為獨立的、不同的部分。
它可以用作嚴格的組織工具，並且不使用任何格式與其關聯。是乙個塊級元素。這意味著它的內容自動地開始乙個新行。
實際上，換行是 固有的唯一格式表現。可以通過 的 class 或 id 應用額外的樣式。css（層疊樣式表）級聯樣式表是一種用來表現html（標準通用標記語言的乙個應用）或xml（標準通用標記語言的乙個子集）等檔案樣式的計算機語言。
可定義文件中的分割槽或節，可以把文件分割為獨立的、不同的部分。它可以用作嚴格的組織工具，並且不使用任何格式與其關聯。是乙個塊級元素。
這意味著它的內容自動地開始乙個新行。實際上，換行是 固有的唯一格式表現。可以通過 的 class 或 id 應用額外的樣式。
css（層疊樣式表）級聯樣式表是一種用來表現html（標準通用標記語言的乙個應用）或xml（標準通用標記語言的乙個子集）等檔案樣式的計算機語言。
8樓：丨木心
很有可能是你的margin的問題，你給div乙個2px的margin就看見了。
9樓：
把你**貼出來看看，沒**沒圖的，誰知道你說的什麼
10樓：匿名使用者
樣式問題。看下是不是其他樣式覆蓋掉你的邊框了。
11樓：來自網師園有進取心的姜維
給邊框加顏色了沒？還有畫素、邊框型別。例如：.aa
12樓：lei雷
你在加個
overflow:hidden;
為什麼div 中設定了邊框線，但是在預覽中卻顯示不出來呢？
13樓：匿名使用者
以上兩種寫法在ie6中div的邊框不知道怎麼高了10px、、我只要上邊框、、但在其他瀏覽器都正常顯示 加乙個overflow:hidden; ie6有預設字型大小，font
14樓：社會追夢小青年
可定義文件中的分割槽或節，可以把文件分割為獨立的、不同的部分。它可以用作嚴格的組織工具，並且不使用任何格式與其關聯。是乙個塊級元素。
這意味著它的內容自動地開始乙個新行。實際上，換行是 固有的唯一格式表現。可以通過 的 class 或 id 應用額外的樣式。
css（層疊樣式表）級聯樣式表是一種用來表現html（標準通用標記語言的乙個應用）或xml（標準通用標記語言的乙個子集）等檔案樣式的計算機語言。
建議你的你的**發一下，如果自己除錯的話，可以給些div加乙個背景，寬高來測試一下：
這裡是測試
15樓：本逸春
注意border 1px solid #ccc;
應該是border:1px solid #ccc;
這個冒號不可丟
16樓：格蘭德查全球
sytle 寫錯了 style ，前面屬性加冒號 ，border怎麼不加了呢
div+css製作的網頁在不同瀏覽器顯示不同
17樓：匿名使用者
你好:頁面中的每乙個標籤,你可以使用span,就會自動換行的;
希望可以幫助到你 .
18樓：匿名使用者
這就是典型的瀏覽器不相容問題，div+css現在是主流的網頁布局模式，但是經常就會出現不相容的問題，一般都是ie6出錯誤比較多，一般容易出錯的地方就是給多個元素賦予了margin值，這樣在有些瀏覽器中就會出現雙倍的間距，一般加display:inline可以清除出現雙倍間距的問題，或者用比較本一點的辦法，就是給某些固定不變的元素賦予固定的寬和高。
你**上顯示的那個錯誤，排除特殊情況，基本就是margin引起的！
至於上面那位仁兄所說的span換行，我確實不敢恭維，誰告訴你span是自動換行的？span標記其本身是不帶有任何屬性的，只有讓其加了display:block才會換行！
甚至再沒有加display:block屬性之前，你給span賦予任何寬度或者高度都是無效的！
沒事別亂說！學問是嚴謹的，是科學的！在幫助別人的同時我們也要認真一些！
19樓：匿名使用者
貼**，才好幫你分析你那裡出錯了。不貼**截個圖，誰知道你裡面的**是怎麼寫的？
20樓：free_默小簡
你也是在給培訓機構做頁面吧，同行，可我也是菜鳥，這種東西試試就出來了
css border 怎麼不讓他顯示底邊？其他3邊都顯示
21樓：匿名使用者
樓上兩者答案均對！
二樓的簡潔
22樓：匿名使用者
border:1px #000000 solid; border-bottom:0;
就可以了。
23樓：白樺水情
border:1px solid #ff0000; borer-bottom:none;
24樓：匿名使用者
border:1px; borer-bottom:0px;
25樓：匿名使用者
border-top:1px #000000 solid; 上邊
border-left: 1px #000000 solid: 左邊
border-right:1px #000000 solid;右邊
div+css布局和在瀏覽器中顯示不一樣？
26樓：昂子帆
相容性問題，麻煩把你的**貼出來讓我們研究下，謝謝。
27樓：匿名使用者
這個涉及到不同瀏覽器對於css的相容性的問題了，有的出現不相容是很正常的，一般的做法是採取契合最大使用量的瀏覽器為主，如果想兼具其他瀏覽器，可以考慮專門寫樣式！
28樓：天鎖g斬月
控制它的樣式發出來看看
29樓：沒事__就上網
瀏覽器的核心不一樣是會有差異，不同瀏覽器核心最好分別處理
網頁中給div加邊框在頁面中為什麼不顯示
1 div 一般要有寬才會顯示邊框的 2 div 邊框 box 3 div行元素的話,要先加divplay block 比如 box span 丨木心 很有可能是你的margin的問題，你給div一個2px的margin就看見了。 把你 貼出來看看，沒 沒圖的，誰知道你說的什麼 樣式問題。看下是不是...
網頁設計中，怎麼讓div的邊框的角呈圓角形
怎麼能讓一個div或者一個 的四角為圓形呢？其實並不需要我們去把每個角都剪下掉，而只需要設定每個解的圓狐度即可。案例 div設定div物件盒子左上角和右上角5px圓角，其它兩個角為0不圓角 border radius 3px 4px 5px 6px代表設定物件左上角3px圓角 右上角4px圓角 右下...
如何用css控制div在頁面中的位置
別吃納豆 css中的position property一共有四種 postion static postion relative position fixed position absolute 如果設定div為static postion,div的位置將不受top,right,left,butto...