無法將邊框添加到網頁上的元素

我正在試驗css的float屬性。無法將邊框添加到網頁上的元素

我試圖編碼匹配兩個浮動div的高度。

兩個代碼

方法1.

<div style="overflow: hidden;"> 
    <div style="background: blue;float: left;width: 65%;padding-bottom: 500px; 
     margin-bottom: -500px;border:1px solid White;">column a<br />column a</div> 
    <div style="background: red;float: right;width: 35%; 
     padding-bottom: 500px;margin-bottom: -500px;border:1px solid White;">column b</div> 
</div>

方法2：

<div style="background-color: yellow;"> 
    <div style="float: left;width: 65%; border:1px solid White;">column a</div> 
    <div style="float: right;width: 35%;border:1px solid White;">column b</div> 
    <div style="clear: both;"></div> 
</div>

代碼工作的兩個，但我想創建跨columns.I邊界應用邊框屬性，但它沒有工作。是否有解決上述代碼添加邊框和比較與所有瀏覽器的tible。全長的

被修改代碼

方法3

<div style="background-color: yellow;"> 
    <div style="float: left;width: 65%; border-right:1px solid White;"> 
     column acolumn acolumn acolumn acolumn acolumn acolumn acolumn 
     acolumn acolumn acolumn acolumn acolumn acolumn acolumn acolumn acolumn 
     acolumn acolumn acolumn acolumn acolumn acolumn acolumn acolumn acolumn 
    </div> 
    <div style="float: right;width: 35%;border-right:1px solid White;">column b</div> 
    <div style="clear: both;"></div> 
</div>

Please see the jsfiddle

的DIV與列b沒有顯示邊界

在方法1我無法申請邊界。任何人都可以提供解決這兩個問題。

來源

2012-07-19 user1537788

你在哪裏申請邊框和你想在哪兒呢？ – SpaceBeers 2012-07-19 12:07:59

問題沒有正確提問，重新構建它並使其更加清晰。 – Prateek 2012-07-19 12:19:01

我正在編輯它，請等待 – user1537788 2012-07-19 12:27:39

是的，你可以在你的columnA和columnB中創建另一個div，寬度爲100％和邊框。

如果您將邊框直接添加到您的列div，則35％+ 2px會超過35％，因此您的總和將大於100％。

來源

2012-07-19 12:09:52 odupont

你能解釋它是如何是2像素，我已經添加了1px的邊框; – user1537788 2012-07-19 12:15:06

這是1px任何一方，所以2px添加到寬度 - http://jsfiddle.net/spacebeers/NcgFf/2/ – SpaceBeers 2012-07-19 12:17:56

很好的例子，但我已編輯的代碼，請參閱小提琴http://jsfiddle.net/NcgFf/ 4/ – user1537788 2012-07-19 12:36:13

這應該只是工作：

border: 2px solid red;

什麼是你的錯誤???

來源

2012-07-19 12:07:56 Mathlight

這可能是解決辦法：

<div style="overflow: hidden;position: absolute;right: 5px;left: 5px;"> 
    <div style="background: blue; float: left;width: 65%; border: 1px solid #ccc;">column a</div> 
    <div style="background: red; border: 1px solid #ccc;">column b</div> 
</div>

來源

2012-07-19 12:18:45

它可以處理任何屏幕分辨率或大小 – 2012-07-19 12:25:03

無法將邊框添加到網頁上的元素

回答

相關問題