width 100% com bordas sem overflow

[Mostarda 0]

galera seguinte to tentando faze o width:100% com bordar no canto esquerdo e direito porem

quando eu coloco aparece o overflow

existe algum jeito de fazer isso sem aparecer o overflow

background: #FFF; width: 98%; border-left: 1px solid #ffa100; border-right: 1px solid #ffa100

vlw aguardo respostas

[William Bruno 1501]

cara, sendo um elemento nivel de bloco você não precisa declarar width: 100%...

 

apenas oculte essa declaração.

[Mostarda 0]

s s mais se fosse um float

como eu faria?

[William Bruno 1501]

e pra quê flutuar um elemento que vai ocupar 100% ?

 

veja, não tente encontrar uma solução para um problema que você não tem...

 

no caso, se você fizer um elemento com 100%, e outro dentro dele para ter as bordas, resolve o problema, cria o efeito desejado, e não cria rolagem.

[Mostarda 0]

ta por exemplo assim

eu tenho uma div=float:left, e outra div q eh float:left

 

a primeira div tem um width de 200px e a outra eu quero q ocupe o resto da tela entende

detalhe: to trabalhando em porcentagem

<div style=" float: left; width: 200px;"></div>
<div style=" float: left; width: 'ocupar o resto da tela'"></div>

 

tem como fazer essa façanha?

[William Bruno 1501]

coloca a que tem largura fixa dentro da que vai ter largura total.

 

atribua na que terá largura total, um padding do tamanho da largura da fixa.

não declare width: 100%, apenas garanta que a pai seja um elemento nivel de bloco (display: block, sem float, pois não há necessidade)

[Evandro Oliveira 331]

<div class="flutua"></div>
<div class="nao-flutua"></div>

 

.flutua { background: #f00; float: left; width: 200px; }
.nao-flutua { background: #00f; margin-left: 200px; }