1樓：網海1書生
比如寬度copy
為父元素的50%加上5畫素：
width:calc(50% + 5px);
要注意加號（或減號）兩邊一定要加上空格！
再比如寬度是父元素的三分之一再減去3畫素：
width:calc((100% / 3) - 3px);
乘號（或除號）兩邊可以不加空格，但建議最好加上！
此外必須注意這種方法屬於css3標準，不是什麼瀏覽器都適用的哦！
css裡面px和%的問題
2樓：_8月
不一定要寫這麼大的解析度,你要考慮大多數使用者的情況
可以試試把它長度設定成90%,再用minlength屬性設定:如果螢幕小於你設定的最小值,則不再縮小,按你設定的最小值顯示
你可以將瀏覽器取法最大化,再拖動視窗大小檢視設定是否成功
3樓：匿名使用者
不是這樣的，**通常寬度是950px，960px。至於你說的情況，因為你的瀏覽器解析度高，這不僅僅是螢幕大，也代表畫素高，顯示清楚。那麼到底解析度上，由於視覺的原因會覺得不清楚。
4樓：匿名使用者
頁面設計的時候，就要考慮把主體部分確定寬度居中，背景100%
html中的width，%和px能不能混合使用
5樓：無可奈何
兩者是可以混用的，只要不要混淆它們的意思就行。
width="80%" 是針對它父容器寬度的百分之80，而width="80"是寬度就是80px（畫素）。
補充：按百分比來規定寬度是相對於其父容器的寬度，比如一個大的**（寬度200px）中裡建立一個小**，如果寫width="80%"，那這個小**的寬度就為160px，如果寫的width="80"
那這個小**的寬度就是80px。
6樓：匿名使用者
可以用js實現。不過，我覺得要是弄成你說的那樣反而更醜，一般是所有的input一樣長，input後面帶一點參差不齊的文字，這樣的表單才好看嘛。
7樓：匿名使用者
px和%可以混合使用，但px是在css裡用的，html裡都是不加px的
css讓百分比和px一起使用 5
8樓：匿名使用者
在css中，百分比和px可以一起使用，**如下：
left: calc(10% + 10px).class
注意：設定完left: 10px; 後 使用 padding-left: 10px; 盒子內部向右移動10px，如果讓盒子整體移動，用margin-left: 10px;
9樓：網海1書生
left: calc(10% + 10px);
要求瀏覽器必須支援css3，另外+號兩邊一定要有空格
10樓：_秦_鵬
設定完left: 10px; 後 使用 padding-left: 10px; 盒子內部向右移動10px，如果讓盒子整體移動，用margin-left: 10px;
11樓：匿名使用者
結合js來做，具體思路：
js計算出瀏覽器寬度的10%，會得到一個px值，用這個值加10px後再用js把總值寫到樣式中
12樓：醉無痕
left:10%; 配合 margin-left:10px; 使用，應該可以達到效果
13樓：小鏡嘟
用js可以解決，定義變數賦值就行了
用css也可以解決就是比較麻煩，簡單的說一下思路吧，三個div
第二個相對與第一個left：10%
第三個相對與第二個left：10px
那第三個就相對與第一個left：10%+10px了
14樓：凌峰a一劍
兩個方案：
（1）寫成11%：把10px轉換成百分比
（2）把10%轉換成px,反覆測試幾次資料，就能得到**px望採納！
15樓：
兩層巢狀
.wrap
外層定位用，內容放在內層
16樓：木頭仔
首先：left:10%+10px 是不行的，行不行其實很簡單測試下就o了
其次：左右移動有幾種方式可以做到：margin padding 定位後的left right等，一般都是組合使用的
再次：你這個需求有點類似響應式，這個你可以使用**查詢@media
17樓：指引風的方向
margin-left:-10px
18樓：匿名使用者
left:calc(10%+10px)
19樓：匿名使用者
1、用 less，可程式設計的css，具體請百度 less css；
2、js來控制，先用10%，用js獲取座標，加10px位移；
3、left:10%; margin-left:10px; 效果不佳可以做2層巢狀div，外層10%，內層margin-left:10px （建議）
20樓：gg火炎焱燚
採用css中的calc寫法，參考網頁連結
如何重新執行css3的動畫，css3 實現動畫效果，怎樣使他無限迴圈動下去？
將包含css3動畫的class去掉，再重新加回來 css動畫會再次執行 如何讓css3動畫在執行完一遍後再次重新執行 可以直接用css3寫，或者用js定時器控制，看你具體要實現什麼動畫。animation iteration count infinite css3 實現動畫效果，怎樣使他無限迴圈動下...
css3過渡和css3動畫製作的動畫有什麼區別
css中動畫功能分為復transition和animation兩種制，這個兩種方法都可以bai通過改變ducss中的屬性值來產生動畫效果 zhitransition 只能實現兩個簡dao單值之間的過渡 animation 通過引用keyframes關鍵幀來實現複雜動畫。by三人行慕課 過渡的特點 過...
html5和CSS3高手進，學html5之前要不要先學html？
html5是向下相容的，大部分主流瀏覽器都可以支援，這問題不大，但一些新的標籤以及屬性只有最新的瀏覽器支援。標記是標記，行為是行為，沒有js，html5也是html5。如果要改的話，在html文件頂部寫一句就行了，之前xhtml 1.0的標籤繼續沿用，沒有問題。html5不是什麼新鮮玩意，也不必看的...