Perguntas com a marcação «css-float»

Posicionar elementos à esquerda ou à direita de seus contêineres usando o atributo float CSS.

9
Como posso parar de flutuar para a esquerda?
Eu tenho o seguinte código: <div style="float: left; width: 100%;"> <label style="float: left;">ABC</label> <input style="float: left; font-size: 0.5em;" type="button" onclick="addTiny(0,'Question_Text'); return false;" value="▼" title="Editor" /> <input style="float: left; font-size: 0.5em;" type="button" onclick="remTiny(0,'Question_Text'); return false;" value="▲" title="Hide" /> <div class="adm"> <textarea rows="2;" style="width: 100%" class="text-box multi-line mceEditor"> abc </textarea> </div> </div> …
97 css  html  css-float 


7
Faça com que o div externo tenha automaticamente a mesma altura de seu conteúdo flutuante
Eu quero o exterior div, que é preto, para envolver seus divs flutuantes dentro dele. Não quero usar style='height: 200pxno divcom o outerdivid, pois quero que seja automaticamente a altura de seu conteúdo (por exemplo, os flutuantes div). <div id='outerdiv' style='border: 1px solid black;background-color: black;'> <div style='width=300px;border: red 1px dashed;float: …
94 css  html  css-float 

14
Divida a div em 2 colunas usando CSS
Tenho tentado dividir um div em duas colunas usando CSS, mas ainda não consegui fazê-lo funcionar. Minha estrutura básica é a seguinte: <div id="content"> <div id="left"> <div id="object1"></div> <div id="object2"></div> </div> <div id="right"> <div id="object3"></div> <div id="object4"></div> </div> </div> Se eu tentar flutuar os divs direito e esquerdo para suas …
89 css  html  css-float 

6
CSS para parar o envoltório de texto sob a imagem
Eu tenho a seguinte marcação: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> Eu quero que, se o texto quebrar, ele não vá para a 'coluna' da imagem. Sei que posso fazer isso com um table(o que estava fazendo), mas não é viável por esse motivo . …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.