如何修復元素

如何修復div塊上的計數文本？更改屏幕尺寸時出現問題。如何修復元素

普通

在屏幕上調整

驗證碼：

span.right-corner{ 
 
    position: relative; 
 
    float: left; 
 
    left: 250px; 
 
    bottom: 25px; 
 
    width: auto; 
 
} 
 
div.top-block{ 
 
    position: relative; 
 
    float: left; 
 
    left: 240px; 
 
    bottom: 40px; 
 
    width: auto; 
 
}

<div class="col-sm-4"> 
 
    <div class="top-block"> 
 
    <div class="huge"><i class="fa fa-book"></i></div> 
 
    </div> 
 
    <div class="well"> 
 
    <span class="badge right-corner">${count}</span> 
 
    <h4>Архів</h4> 
 
    <a class="watcher" href="/edocs/main/archive/${offnoteType}"></a> 
 
    </div> 
 
</div>

來源

2016-05-30 m_br0_89

你的問題和代碼是不明確的。你想要做什麼？ –

什麼是你的預期輸出..？ – Muthu

下一次請粘貼工作的代碼更容易讓我們嘗試幫助您。

Check this solution

而不是使用浮動（我不建議...只是少數特定情況下）我覺得跟位置相對和絕對是您的情況更容易。

調整大小並查看「通知」塊始終位於其容器右上角。

父position: relative
絕對子容器：position: absolute; right: 0; top: 0;

現在你只需要使用的填充發揮，實現了良好的設計。

提示：會是如果使用語義化的HTML代替1048105715個div的爲您做得更好;）

來源

2016-05-30 07:44:59

如何修復元素

回答

相關問題