今天來介紹一下CSS中如何限制邊框的長度。通常情況下，我們可以通過設置邊框的寬度和樣式來達到不同的效果。但有時候我們需要限制邊框的長度，以適應不同大小的容器。那么，該如何實現呢？ 首先，我們可以使用CSS的box-sizing屬性來指定元素的盒模型。該屬性有兩個可選值，分別是content-box和border-box。其中，content-box是指元素的寬度和高度僅包括內容區域；border-box則是指元素的寬度和高度包括內容區域、內邊距和邊框。 接下來，我們可以使用CSS的calc()函數來計算邊框的長度。calc()函數可以用來進行簡單的數學運算，如加減乘除。比如，我們可以使用calc(100% - 20px)來計算元素寬度減去20像素，然后將結果賦值給邊框的長度。 以下是實現代碼：

p {
box-sizing: border-box;
border: 2px solid red;
width: calc(100% - 20px);
padding: 10px;
}

在上面的代碼中，我們將p標簽的盒模型設置為border-box，然后通過width屬性和calc()函數來計算元素的寬度。最后，通過設置邊框的寬度為2像素和樣式為實線來實現邊框的效果。 以上便是CSS限制邊框長度的實現方法。希望可以對大家有所幫助。