2012-04-18 2 views
-3

Можно создать дубликат:
DIV width and height wont resize when setting innerHTML?как установить высоту сОн тега с помощью CSS

У меня есть DIV тег, и это текст, написанный, как внутренний HTML, как это, например:

<div>Some text. Some text. Some text. Some text. Some text. Some text. Some text. Some text.........</div> 

Внутренний HTML имеет длинный текст. Под тегом div я сохранил привязку. Проблема в том, что когда я сокращаю высоту тега div, скажем, 200px, то тег привязки попадает во внутренний HTML тега div.

Но я хочу, чтобы при сокращении высоты тега div внутренний HTML также должен иметь одинаковую высоту. Я имею в виду, что якорный тег появится чуть ниже тега div, а тег div будет иметь высоту 200 пикселей. Я гугл, но не получил большой помощи. Надеюсь, я ясно дал понять. Если у вас есть сомнения, спросите меня, пожалуйста. Мне нужна помощь.

+1

Попробуйте добавить http://jsfiddle.net/, чтобы мы могли лучше понять вашу проблему. – Cthulhu

+0

И не могли бы вы показать свой фактический HTML? Или, по крайней мере, что-то, что точно отражает ваш фактический HTML? –

+0

heres the jsfiddle.net ссылка http://jsfiddle.net/TtG6C/ – subhojit777

ответ

0

вам нужно установить высоту в%, а не px; поэтому измените высоту вашего якоря в%, значит высота: 5% это, вероятно, решит вашу проблему.

0

набора имущественного положения вашего тега привязки соотнесение

a#MyA 
{ 
    top:100px; 
    position:relative; 
} 
0

Я не уверен, если я understant вашей проблемы правильно, но по крайней мере в вашем jsfiddle ссылки там было много опечаток, исправлен некоторые и вот results

<div id="aa">Some Text. Some Text. Some Text. Some Text. Some Text. Some Text.Some Text.Some Text. Some Text. Some Text.Some Text.......</div> 
    <div id="bb"><a href="#">Read More</a></div>​ 

Также добавлен некоторые цвета для облегчения отладки. Взгляните на это. Проверить this too, другая возможность, что вы пытаетесь сделать ...

div#aa { 
    height: 100px; 
    background-color: #f00; 
    overflow: hidden; 
} 

a { 
    background-color: #aaf; 
} 
​ 
+0

спасибо, но у меня есть ответ сам :) Я прокомментировал ответ на мой вопрос – subhojit777

+0

@ subhojit777 Если какой-либо из ответов разрешит вашу проблему, вы должны его принять, stackoverflow - это wiki, и у кого-то еще может быть такая же проблема. Или, может быть, отредактируйте свой первый пост, чтобы четко указать, где другие могут найти ответ. Комментарии не предназначены для этого. –

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