Кнопка/Div, появляющаяся за пределами поля при ее плавании

Я создал коробку, и я пытаюсь поплавать кнопкой в правой части окна. Когда я это делаю, кнопка появляется наполовину под коробкой. Как я могу это исправить?Кнопка/Div, появляющаяся за пределами поля при ее плавании

Вот LINK

Это то, что мой CSS выглядит

.rightColumn { 
    margin-bottom: 1em; 
    border: 1px solid #D4D4D4; 
    width:500px; 
    border-radius: 10px 10px 0px 0px; 
} 
.button{float:right;}

Это должно выглядеть как

Title 
Summary 
      |Find out more|

источник

2014-09-21 nabeelaa

Удалить тег '
' над тегом '

Но я хочу, чтобы кнопка была на следующей строке. Это возможно? – nabeelaa

Попробуйте эту демонстрацию - http://jsfiddle.net/ecztsxje/ – Anonymous

я не знаю об этой проблеме, но я знаю, как исправить it.when вы плаваете что-то в некоторых не-плавали элемент вещей идут wrong.you должны плавать родитель или добавить clearfix CSS для it.here моего fiddle и здесь is clearfix class css:

.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}

источник

2014-09-21 12:51:32

Отлично! Спасибо – nabeelaa

добавить позицию абсолютного

.button{float:right;position:absolute;}

и поставить "кнопку" тега после "IMG" тег

<img src="http://placehold.it/350x100"> 
    <button class="button"><a href="#">Find out more</a></button>

См демонстрационные: http://jsfiddle.net/57sect09/5/

источник

2014-09-21 12:32:58

Позиция абсолютная - это последнее, с чем кто-либо хочет иметь дело в css, если вы когда-либо найти себя, используя это, поверьте мне, что вы делаете что-то легкое неправильно. –

Но я думаю, что он новичок. я знаю лучший способ для css :)) Спасибо. –

Изменения </button> с </button> . Поплавки объектов, как будто что-то позади.

источник

2014-09-21 12:38:10

Удалите тег «br» после сводки. Но помните, что если итоговый контент будет больше, кнопка будет перемещаться вниз, чтобы избежать этой ширины исправления для итогового содержимого.
Если вы хотите кнопку в новой строке, установите высоту окна в качестве вашего требования. В настоящее время высота окна по умолчанию.

источник

2014-09-21 12:53:26

Кнопка/Div, появляющаяся за пределами поля при ее плавании

ответ

Смежные вопросы