Невозможно получить ширину, чтобы изменить авто (нельзя использовать float) - PullRequest
Новая
       30

Невозможно получить ширину, чтобы изменить авто (нельзя использовать float)

0 голосов
/ 21 сентября 2011

У меня есть поле, которое требует ширины, чтобы изменить ширину текста.Единственная проблема - я не могу использовать float: right;что решило бы эту проблему, потому что я не могу использовать его для приложения php, которое я создаю.Как я могу изменить ширину?Я использую margin-left: auto;, чтобы решить проблему с тем, чтобы он оставался справа, но ширина остается на максимальной ширине, которую я установил.Я не могу использовать поплавок, это проблема.Как я могу исправить это?Я заблокировал плавающий код, но если вы активируете его и заблокируете margin-left: auto;, вы поймете, что я имею в виду.было больше текста. 

<style>
* {
    margin: 0;
    padding: 0;
}
.gBoxTall {
    background-color:#0C9;
    clear: both;
    margin-left: auto;
    /* float: right; */
    margin-top: 15px;
    max-width: 270px;
    padding-left: 22px;
}
.gBoxTall .right {
    background-color:#0C9;
}
.gBoxTall .right p {
    margin-left: -5px;
    padding: 8px 30px 0 0;
}
.gBoxTall .bottom {
    background-color:#0C9;
    height: 20px;
    margin: -10px 0 0 -22px;
}
.gBoxTall .bottom .right {
    background-color:#0C9;
    float: right;
    height: 20px;
    width: 43px;
}
</style>
<div class="gBoxTall">
  <div class="right">
    <p class="message">My name is Earl.</p>
  </div>
  <div class="bottom">
    <div class="right"></div>
  </div>
</div>

1 Ответ

1 голос
/ 21 сентября 2011

Вы можете попробовать то, что было предложено на Как сделать div не больше его содержимого? - например, используйте display:inline-block и не используйте свойство width.

...